javascript - jQuery 拦截表单提交到参数字符串

Question

我有一个表格。此表单通过 POST 提交到 iframe，然后处理请求，并根据结果执行 javascript，根据提交的有效性更改父内容。

现在，我不喜欢这个程序。我希望能够同时提交多个表单，但我只有这个隐藏的 iframe。所以我想用 AJAX 来实现，为每个表单提交创建一个单独的请求。

但是，我的表单很复杂；它由向数组添加变量的复选框、被点击的图像和我需要发送其点击坐标的复选框以及类似的复杂内容组成——这就是为什么我不计算每个输入的每个值并将其添加到后置参数字符串(顺便说一句:我不知道如何以这种方式创建数组)，我更愿意截取提交内容，将其保存为包含所有这些参数的帖子字符串，然后将此字符串用于 AJAX POST 请求。

我想在这个函数中做的事情:

$('#myForm').submit(function(event){

    // process the submission, e. g. event.getContent().toPostString();

    // create the AJAX request and send it and attach listeners (I know how to do this line ;)

    return false; // I don't want the form submitted (to the iframe)

});

提前致谢!

Answer 1

不要使用 iframe，只需使用 jQuery's ajax methods :(我在下面的示例中使用了 post())

$('#myForm').submit(function(event){

             //url          //post data
    $.post(this.action, $(this).serialize(), function(returnData){
           //do something with returnData
    })

    return false; //do not submit form the normal way

});

这是一个例子:http://jsfiddle.net/maniator/Y6r8E/
在表单中输入内容并提交。