如何使用AjaxForm插件

时间:2014-11-05 20:49:15

标签: jquery ajax

尝试学习在表单上使用AJAX(使用AJAXForm插件)然后用PHP处理并且遇到很多麻烦。

基本上,我有一个包含大量字段的表单,我希望通过AJAX调用将其传递给将要处理它的某个页面。这是我的表格:

<form action="" method="post" id="aligned" class='add'>
 . . . . .yadda yadda yadda. . . .      
<button type='submit' class='btn btn-primary'>Add</button>                                                              
</form>

在页面底部,我有:

$(document).ready(function() { 
    // bind 'myForm' and provide a simple callback function 
    $('.add').ajaxForm(function() { 
        alert("Thank you for your comment!"); 
    }); 

    $('.add').ajaxForm({
        url: this.href, type:'post', 
        data: this.serialize()+'&action=update',
        success: function(){alert('ok'+responseText.text);}, 
        error: function(){alert('ok'+responseText.text);} 
    });

}); 

第一个ajaxForm函数适用于cue,所以我必须对我做第二个的方式做错了,即使我试图遵循我在网上找到的不同例子。

我在PHP页面上没有太多进展 - 只是一个简单的回声&#39;。

( - 我是否需要做一些事情来将其设置为成功/错误(因为我不是为什么它没有做任何事情)? - 我的格式错了吗? - responseText.text不是获取theecho&#39; ed信息的正确方法吗?)

1 个答案:

答案 0 :(得分:1)

我在代码中看到错误,你需要在函数签名中添加responseText

    success: function(responseText){alert('ok'+responseText.text);},

    error: function(responseText){alert('ok'+responseText.text);}