javascript购物车电子邮件签出

谢谢你的帮助。 我刚刚开始学习HTML/JAVASCRIPT/CSS

我有一个小任务/项目要完成。需要一个带有少量物品（3或4）的前台商店。必须创建一个javascript购物车。单击“购买”按钮后，商品将添加到购物车。然后可以查看购物车。必须有结帐选项，但没有付款处理。订单需要通过电子邮件发送给我自己和用户进行手动付款

如何获取购物车中的物品以通过电子邮件发送

谢谢你的帮助

Javascript归功于Burlaka Dmytro

这是链接，这是我正在使用的。

购物车（）
清楚的
运货马车
橙色
价格：0.5美元
香蕉
价格：1.22美元
柠檬
价格：5美元
运货马车
&时代；
总价：$
关
现在点菜

我无法通过电子邮件发送购物车内容

***********************************************
This is my PHP
*********************************************
<?php
    $to      = 'my email address is here';
    $subject = 'SolarPlexus Website';
    $txt = $_POST['content'];

    $headers = 'From: admin@solarplexus.co.za' . "\r\n" .
               'Reply-To: info@solarplexus.co.za' . "\r\n" .
               'X-Mailer: PHP/' . phpversion();
    mail($to, $subject, $txt,  $headers);
    Header('Location: thankyou.html');
?>


*******************************
This is html part for the cart, the cart is hidden until cart button is 
clicked. making use of bootstrap modal.
*******************************

 <div class="modal fade" id="cart" tabindex="-1" role="dialog" aria- 
  labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
       <h5 class="modal-title" id="exampleModalLabel">Cart</h5>
       <button type="button" class="close" data-dismiss="modal" aria- 
        label="Close">
      <span aria-hidden="true">&times;</span>
      </button>
    </div>
     <form name="contactform" method="post" action="sendjs.php">    
     <div class="modal-body">

     <input type="text" required="required" placeholder="Enter Name" 
     name="name1"> 
     <input type="email" required="required" placeholder="Enter Email 
     address" name="email1">
     <input type="tel" required="required" placeholder="Enter Telephone 
     number" name="tel1">


     <table id="cartents" class="show-cart table">

     </table>
    <div>Total price: R<span class="total-cart"></span></div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data- 
    dismiss="modal">Close</button>
        <button onClick="SendMail()" type="button submit" class="btn btn- 
     primary">Order now</button>

    </div>
  </div>
  </div>
 </div>
</form> 


*************
 the Javascript file remains unchanged from the codepen link provided

***********************************************
这是我的PHP
*********************************************
*******************************
这是购物车的html部分，购物车在按下购物车按钮之前是隐藏的
点击。利用bootstrap模式。
*******************************
运货马车
&时代；
总价：R
关
现在点菜
*************
Javascript文件在提供的codepen链接中保持不变

您需要在表格内容中添加一个id： HTML

总价：$

为按钮创建一个函数：

<button onclick="SendMail()"type="button" class="btn btn-primary">Order now</button>

立即订购

然后创建函数SendMail（）；剧本

<script>
 function SendMail()    
     {    
       var tableContent = document.getElementById("cartContent").innerHTML;    
       $.post('mail.php',{content:tablecontent},function(data) {
    });
     }
</script>

函数SendMail（）
{    
var tableContent=document.getElementById（“cartContent”）.innerHTML；
$.post（'mail.php'，{content:tablecontent}，函数（数据）{
});
}

您需要创建一个mail.php文件

<?php
$to = "somebody@example.com";
$subject = "ur subject";
$txt = $_POST['content'];
$headers = "From: webmaster@example.com" . "\r\n" .
"CC: somebodyelse@example.com";

mail($to,$subject,$txt,$headers);
?>

“我无法通过电子邮件发送购物车内容。”-向我们展示您试用过的代码，我们可能会发现问题所在。除了使用低级别的

mail（）

-函数外，我建议使用一个经过测试的邮件库，例如PHPMailer、SwiftMailer或类似的库。它们不仅为您提供了更详细的API，而且还使您的代码更具可移植性，因为您可以直接从您的代码从适当的SMTP服务器发送电子邮件，并且不需要依赖任何服务器配置。感谢您的快速响应，非常感谢。我已经尝试了你的建议，但是我收到了一封空白的电子邮件。单击购物车时，表格将自动填充。这个表是用javascript类调用的，就是您提到的向表中添加id的地方，我认为这只是总价。上面是我添加ID的地方，对吗？

<script>
 function SendMail()    
     {    
       var tableContent = document.getElementById("cartContent").innerHTML;    
       $.post('mail.php',{content:tablecontent},function(data) {
    });
     }
</script>

<?php
$to = "somebody@example.com";
$subject = "ur subject";
$txt = $_POST['content'];
$headers = "From: webmaster@example.com" . "\r\n" .
"CC: somebodyelse@example.com";

mail($to,$subject,$txt,$headers);
?>