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/

jQuery表单提交AJAX问题

1 个答案: