jQuery表单提交AJAX问题

jQuery表单提交AJAX问题,jquery,ajax,forms,submit,Jquery,Ajax,Forms,Submit,很明显,我缺少jQuery、表单提交和AJAX。PHP后端和JSON编码工作正常。但是当提交表单时,它就像 数据提交两次,进入表单的值为空 这是我的剧本: $(document).ready(function () { var validated = $("#loginForm").validate({ errorLabelContainer: "#errorMessage", wrapper: "li", rules: {

很明显,我缺少jQuery、表单提交和AJAX。PHP后端和JSON编码工作正常。但是当提交表单时,它就像 数据提交两次,进入表单的值为空

这是我的剧本:

$(document).ready(function () {
    var validated = $("#loginForm").validate({
        errorLabelContainer: "#errorMessage",
        wrapper: "li",
        rules: {
            username: "required",
            password: "required"
        },
        messages: {
            username: "Please enter your username.",
            password: "Please enter your password."
        },
        submitHandler: function (form) {
            $.ajax({
                type: 'POST',
                url: $(form).attr('action'),
                data: $(form).serialize(),
                dataType: 'json',
                success: function (res) {
                    if (res.err == true) {
                        $("#errorMessage").text(res.msg);
                    } else {
                        window.location = res.url;
                    }
                },
                error: function () {
                    $("#errorMessage").text("There was an error processing form.");
                },
            });
        }
    });
});

我对此做了一些修改,似乎代码应该可以工作。在firebug中,我看到请求是正确的,包含所有表单日期。我注意到,如果定义了dataType属性,那么响应的数据类型必须是正确的


我对此做了一些修改,似乎代码应该可以工作。在firebug中,我看到请求是正确的,包含所有表单日期。我注意到,如果定义了dataType属性,那么响应的数据类型必须是正确的


你在用萤火虫吗这就像数据是…“表明您没有有效地监控XHR调用。介意吗?页面上有任何错误吗?验证插件是否正常工作?此外,在错误选项后还有一个额外的逗号语法错误。是否使用firebug?。'这就像数据是…“表明您没有有效地监控XHR调用。介意吗?页面上有任何错误吗?验证插件是否正常工作?此外,在错误选项之后还有一个额外的逗号语法错误。