Question

（抱歉我的英语不好）。

我想将结果js发送到邮件，所以我的代码是：

在我的页面index.php中：

<form action="send.php" method="post" name="action" id="action">
    <p>
        <label>info1 :</label>
        <input type="text" name="info1" id="info1" value="">
    </p>
    <p>
        <label>info2 :</label>
        <input type="text" name="info2" id="info2" value="">
    </p>

    <button type="button" class="btn" onclick="javascript:calculate()">Calcul javascript</button>

<p>info3 : <span id="info3"></span></p>
<p>info4 : <span id="info4"></span></p>
<p>info5 : <span id="info5"></span></p>
<button type="button" class="btn" onclick="javascript:result()">Result</button>

<input type="text" name="Name">
<input type="text" name="Email">
<input type="text" name="phone">
<input type="submit" value="Send">

好的，所以我想将结果ID（info3，info4和info4）发送到我的文件php发送邮件。

我怎么能这样做？

Answer 1

  <button type="button" class="btn" id="result">Send</button>

//而不是提交输入使用按钮<button type="button" class="btn" id="result">Send</button> //如果你想要输入值，那么只需写var q = $(#info1).val();

 $(function() {
    $("body").on("click", "#result", function() {
        var q = $(#info1).val();
        var p = $(#info2).val();
        var t = $(#info3).text();
        var m = $(#info4).text();
        var v = $(#info5).text();
        var n = "info3=" + t + "&info4=" + m + "&info5=" + v + "&info1=" + q + "&info2=" + p;

         $.ajax({
            type: "POST",
            url: "ajax/mail.php",
            data: n,
            success: function(t) {
         alert('Mail Sent');
            }
        });
    });
});

Answer 2

使用GET或POST HTTP从服务器异步加载数据要求。设置数据类型（xml，json，脚本，文本，html）并解码返回数据。

发送POST请求非常相似（jQuery中的$ .post（））。但是，有很多选项可供选择 - 超过一篇文章可以涵盖的选项。这是一个有用的辅助功能，可以帮助您入门：

function postAjax(url, data, success) {
    var params = typeof data == 'string' ? data : Object.keys(data).map(
            function(k){ return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) }
        ).join('&');

    var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
    xhr.open('POST', url);
    xhr.onreadystatechange = function() {
        if (xhr.readyState>3 && xhr.status==200) { success(xhr.responseText); }
    };
    xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(params);
    return xhr;
}
// example request with data object
    var info3 = document.getElementById('info3').innerHTML;
    var info4 = document.getElementById('info4').innerHTML;
    var info5 = document.getElementById('info5').innerHTML;

postAjax('http://foo.bar/', {'info3' : info3, 'info4' :info4,'info5':info5   }, function(data){ console.log(data); });

如何将结果javascript发送到php邮件？

2 个答案: