使用jQuery简单地传递整个表单

时间:2012-04-24 16:58:21

标签: jquery

这是我的代码:

http://jsfiddle.net/aH2qC/

不工作。我想采取形式的动作=“”中的内容,并将其用作$ .post网址。然后我想将它序列化正确,所以它传递了所有内容,就像我点击了提交按钮并进入/ player / admin页面一样。

我该怎么做?

3 个答案:

答案 0 :(得分:1)

使用以下内容:

    $.post(form.attr('action'),
           form.serialize(),
           function(data) {
               alert("Loaded");
           }
      );

评论后更新:

$('.followform').submit(function(e) {
    alert($(this).attr('rel'));
    var form = $(this);

    $.post(form.attr('action'),
        form.serialize(),
        function(data) {
            alert("Loaded");
        }
    );

    e.preventDefault();

    return false;
});

注意 - 确保您的表单选择器也正确

/* this */
$('.followform') ... 
/* or */
$('[name="followform"]') ...
/* will do */

答案 1 :(得分:0)

您需要以下内容,

$(document).ready(function(){
        //v-- Fixed the form selector
    $('.followform').submit(function(e) {
       var form = $(this);
             //   v--- this.action will give you the action URL      
        $.post(this.action, form.serialize(),
           function(data) {
             alert("Loaded");
           });
       return false;
    });
});

答案 2 :(得分:0)

$(document).ready(function(){
    $('followform').submit(function(e) {
        e.preventDefault();
        var form = $(this),
            action = form.attr('action');;

        $.post(action, form.serialize(),
           function(data) {
             alert("Loaded");
           });
    });
});