jQuery将序列化表单发布到PHP

时间:2012-01-26 17:56:07

标签: jquery serialization post

全部, 我正在尝试使用jQuery发布表单并序列化表单。我有以下代码尝试这样做:

jQuery(document).ready(function() {
jQuery('#event_form').submit(function() {
    jQuery.post("test.php", $(this).serialize(),
        function(data) {
            alert("Data Loaded: " + data);
        });
});
});

我是否做错了,因为它没有找到返回数据的函数?如果我注释掉完整的jQuery.post内容并将其替换为警报,则会触发警报,因此我知道这与我编写.post函数的方式有关。有人能指出我正确的方向吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

我会使用表单的ID而不是this,因为这里可能存在范围问题。或者,您可以在post函数之前为数据创建变量:

方法1:

jQuery.post("test.php", $("#id_of_form").serialize();,
    function(data) {
        alert("Data Loaded: " + data);
    });
});

方法2:

var formData = $(this).serialize();

jQuery.post("test.php", formData,
    function(data) {
        alert("Data Loaded: " + data);
    });
});