jQuery表单提交AJAX问题

Question

我显然在jQuery，表单提交和AJAX中缺少某些东西。 PHP后端和JSON编码可以正常工作。 但是，提交表单后，就好像数据提交了两次，并且进入表单的值都为null 。

这是我的脚本：

$(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.");
                },
            });
        }
    });
});

Answer 1

我做了一个小提琴，似乎代码应该可以工作。 在萤火虫中，我看到所有格式的日期都正确发送了请求。 我注意到，如果定义了dataType属性，则响应的数据类型必须正确。

http://jsfiddle.net/7vtAw/