如何使用数据以表格格式发送邮件

时间:2014-03-17 18:21:14

标签: javascript php jquery html-table html-email

我的PHP文件中有一个表,看起来像这样。

<div class="table-main" style="width:600px;" id="data-table-grid">
<table class="font order">
<tr>
<td>Item</td>
<td>Price</td>
<td>Quantity</td>
<td>Total</td>
</tr>
<tr>
    <td colspan="4">
        <span class="tdlist head">Party packs</span>
    </td>
</tr>
<tr>
    <td>
        <span class="tdlist">Tango Pack</span>
    </td>
    <td>
        $<span class="price">60</span>
    </td>
    <td>
        <input type='text' class="item_input text-box" maxlength=9 name='item1' value='0' id='item2' style="width:60px;" />
    </td>
    <td>
        <span></span>
    </td>
</tr>
<tr>
    <td>
        <span class="tdlist">Gala Pack </span>
    </td>
    <td>
        $<span class="price">100</span>
    </td>
    <td>
        <input type='text' class="item_input text-box" maxlength=9 name='item2' value='0' id='item2' style="width:60px;" />
    </td>
    <td>
        <span></span>
    </td>
</tr>

   

我想发送此表输出与填充数据的邮件相同。我试过这个:

  var msg = $("#data-table-grid").prop('outerHTML');

我发送邮件,我得到了表格格式,但我有一张空桌子。我希望收到带有填充值的邮件。

任何人都可以帮助我吗?

3 个答案:

答案 0 :(得分:0)

将整个内容转换为字符串并将其添加到邮件正文中。更改&#34;双引号&#34;也是&#39;单引号&#39;并且会工作,只是耗费一点时间。

$mystring = "<Everything in here>";

答案 1 :(得分:0)

如果你有这个php文件在目录中分开而不是使用

$ str = file_get_contents(文件路径);

现在,如果你想改变一个变量n这个字符串tjan你也可以替换它。

首先我们在数据文件中定义一些特殊语法,例如~~ full_name ~~。

现在你可以在邮件发送页面中动态替换它,例如

$ str = Str_replace(“~~ full_name ~~”,$ fullName,$ str);

现在你可以使用上面的变量$ str作为电子邮件的正文部分。

还有一件更重要的事情要记住,在邮件的headera中设置content-type =“text / html”

答案 2 :(得分:0)

首先,您的table和div结束标记丢失了。我希望你的原始代码能够拥有它们

另外,#data-table-grid是你的div而不是你的桌子,所以获取外部html也会获得div,这是你不需要的。

你可以做到

 var msg = $("#data-table-grid").html():

将使用div的innerHTML,其中包含带有值的表。 如果你仍然需要div,请参考其父内部html,如下所示:

 var msg = $("#data-table-grid").parent().html():