如何使用 <button> 通过电子邮件发送 html 随机输出？答案

【问题标题】：How can I email an html random output using <button>?如何使用 <button> 通过电子邮件发送 html 随机输出？
【发布时间】：2017-06-26 10:48:53
【问题描述】：

现在我正在尝试在网站页面用户单击按钮时通过电子邮件将随机 html 输出发送给我。单击时，他们会收到显示在按钮下方的代码。我需要将生成的随机代码通过电子邮件发送到我的地址。这是我现在的代码：

    <body>
    <h1>RandomCode</h1>

    <button onclick="document.getElementById('demo').innerHTML = makeid(1,1000)">Click Me</button>

    <p id="demo"></p>

    <script>
    function makeid()
    {
        var text = "";
        var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";


        for( var i=0; i < 5; i++ )
            text += possible.charAt(Math.floor(Math.random() * possible.length));

        return text;
    }
    </script>
    </body>

如您所见，随机码被输出到 p 标签中。我需要它以便他们看到代码，但服务器会自动通过电子邮件发送代码，而无需他们这样做。他们应该能够生成许多代码，向我发送多封电子邮件。任何人都可以帮忙吗？

【问题讨论】：

使用 AJAX。当使用单击按钮时，对服务器端脚本进行 AJAX 调用，该脚本接收生成的随机数据并向您发送电子邮件。可能想看看其他处理邮件发送而不是依赖mail() 的 PHP 库。
使用 mail() w3schools.com/php/func_mail_mail.asp

标签： javascript php html email random

【解决方案1】：

对 PHP 页面使用 AJAX 请求，带有随机代码：

$.ajax({
      url: 'email.php',
      type: 'post',
      data: {'randomString': 'stringHere'},
      success: function() {
        //do something on success 
      },
      error: function() {
        //do something on fail 
      }
    });

请参阅此问题以获得更多帮助：jQuery Ajax POST example with PHP

【讨论】：