dongzhan8620 2013-05-23 21:51
浏览 46
已采纳

jQuery Ajax请求没有到达PHP脚本

I'm trying to create a mail form which has javascript validation. The form values should be send with ajax to a php script which emails the data to an emailadress.

However, Neither the php code, succes or the error jquery callbacks gets called, nor are there any logs in the javascript console in chrome.

this is my simplified html page:

<form id="mail-form">
    <div class="input-row">
    <div class="label"><label for="name">Your name: *</label></div>
    <div class="input"><input type="text" name="name" id="name" maxlength="50"/></div>
        <input id="submit-button" type="submit" value="send"/>
</form>

my javascript:

$(document).ready(function () {
    var form = $("#mail-form");

    form.submit(function (e) {
        e.preventDefault();
        send(form);
    }
});

function send(form) {

    var formData = { name: $("#name").val(),
        email: $("#email").val(),
        phone: $("#phone").val(),
        message: $("#message").val(),
    };

    $.ajax({
        type: "POST",
        url: "/scripts/mailer.php",
        datatype: "text",
        data: formData,
        succes: function (data) {
            onSucces();
        },
        error: function () {
            onError();
        }
    });
}

and my simplified php file:

$myemail = "someone@something.com";
$subject = "test";

$message = $_POST["message"];

mail($myemail, $subject, $message);

echo "ok";

Can someone point out what I'm doing wrong? I also tried easy get methods, but they won't reach the server either.

  • 写回答

3条回答 默认 最新

  • duanguan3863 2013-05-23 21:57
    关注

    try it like this:

    change:

    $(document).ready(function () {
        var form = $("#mail-form");
    
        form.submit(function () {
            e.preventDefault();
            send(form);
            }
        });
    });
    

    to:

    $("#mail-form").submit(function (e) {
            e.preventDefault();
            send(form);
    });
    

    so it looks like this:

    $("#mail-form").submit(function (e) {
            e.preventDefault();
            send(form);
    });
    
    function send(form) {
    
        var formData = { name: $("#name").val(),
            email: $("#email").val(),
            phone: $("#phone").val(),
            message: $("#message").val(),
        };
    
        $.ajax({
            type: "POST",
            url: "/scripts/mailer.php",
            datatype: "text",
            data: formData,
            success: function (data) {
                onSucces();
            },
            error: function () {
                onError();
            }
        });
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥20 keepalive配置业务服务双机单活的方法。业务服务一定是要双机单活的方式
  • ¥50 关于多次提交POST数据后,无法获取到POST数据参数的问题
  • ¥15 win10,这种情况怎么办
  • ¥15 如何在配置使用Prettier的VSCode中通过Better Align插件来对齐等式?(相关搜索:格式化)
  • ¥100 在连接内网VPN时,如何同时保持互联网连接
  • ¥15 MATLAB中使用parfor,矩阵Removal的有效索引在parfor循环中受限制
  • ¥20 Win 10 LTSC 1809版本如何无损提升到20H1版本
  • ¥50 win10 LTSC 虚拟键盘不弹出
  • ¥30 微信小程序请求失败,网页能正常带锁访问
  • ¥15 Matlab求解微分方程,如何用fish2d进行预优?