jquery 如何通过电子邮件发送动态内容

9fkzdhlc  于 2023-10-17  发布在  jQuery
关注(0)|答案(2)|浏览(132)

我正在寻找一种方法来通过电子邮件发送动态添加的div的内容。这个想法是,当用户点击一个标题时,一个由一个标题和文本组成的列表显示的时事通讯。
当显示文本时,用户可以单击“发送电子邮件”按钮,然后他或她的邮件客户端打开一封新的电子邮件,其中文本(有问题的div的内容)作为电子邮件正文加载(理想情况下,标题也应该显示在电子邮件标题字段中)。当点击另一个标题和另一个文本显示,它当然是这一个要发送到电子邮件。
我的JavaScript知识有限,我甚至对jQuery比较陌生。我的草案依赖于这个重要的解决方案:How to display a second JSON element in JavaScript?,但我认为它也与Create a function to send mail from a div密切相关。重要的是,解决方案是轻量级的,JavaScript只有一个服务器端脚本是不是一个选项在这里。
如果能给我一个演示,JavaScript或jQuery,我会非常感激,如何解决这个问题(我想问题出在函数snd()中的body=[...]),如果这个问题太天真--或者太简单了--我会提前道歉。
我的脚本看起来像这样:

<body>

<script src="jquery.js"></script>
<script type="text/javascript">
var article = [
    {
        "title": "This is title no. 1",
        "text": "Here is the text of the first article"
    },
    {
        "title": "This is title no. 2",
        "text": "Here is the text of the second article"
    },
    {
        "title": "This is title no. 3",
        "text": "Here is the text of the third article"
    }
]

function getData() {
    var html = '';
    for(i = 0; i < article.length; i++) {
        html += "<li data-text='" + "'>" + article[i].title.link(article[i].text) + "</li>";
    }
    $('#showData').html('<ul>' + html + '</ul>');
    $('#showData').on('click', 'a', function(e) 
        $('#showData .text').remove(); 
        $(this).after('<div class="text">' + $(this).attr('href') + '<p><button onclick="snd(); return false">Send email</button></div>');
        e.preventDefault();            
    });

}
function snd() {
    location.href = "mailto:"+"?subject=Article to read&body="+document.getElementsByClassName('description').innerHTML;
}

$(document).ready(function() {
    getData();
});

</script>
    <div id="showData"></div>
</body>
avkwfej4

avkwfej41#

我会在你的snd()函数中尝试下面的代码,并以某种方式将其合并到代码中

$("#div-id .steps").each(function(){
 remoteAjax[$(this).attr("id")] = {
  url : "email-content.php", // the url where you're sending data to be mailed
  dataType : 'json',
  beforeSubmit: function(data){$("#data-div").html("data sent to the server: " +  $.param(data))}, //this would be something for debugging your data or use firebug
  success : function(data){
   if(data){ //data is either true or false (returned from email-content.php) 
   simulating successful / failing           
     $("#data").append("    .... data sent successfully. Some type of message on your UI.");
   }else{
     alert("Some type of error that the data wasn't sent successfully and something went wrong.");
   }

在email-content.php文件中,您可以形成您的主题,收件人,发件人,消息,并获得真实的幻想与域检查,以确保如果您甚至可以发送邮件到该域,如果这是必要的。
您希望在代码中创建具有该复杂性级别的步骤。

lf3rwulv

lf3rwulv2#

我不认为有可能发送电子邮件与JavaScript只,因为它的客户端。你需要使用PHP来实现这一点。在PHP中有一个简单的方法来发送电子邮件,检查一下。
您可以通过AJAX将文本发布到PHP文件并让它发送。

相关问题