如何在jQuery异步中提交表单?

时间:2012-03-29 21:29:55

标签: jquery ajax forms

在mootools我会做$('form_id').send({success:function(res){....}});之类的事情 jQuery中的并行语法是什么?

另一个词:
如何将表单数据(假设id ='bob')放入以下代码

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

4 个答案:

答案 0 :(得分:19)

这应该这样做:

$.ajax({   
   type: 'POST',   
   url: url,   
   data: $('#bob').serialize(),
   success: success,
   dataType: dataType 
}); 

答案 1 :(得分:7)

难道你不知道......它就在文档中! :P

http://api.jquery.com/jQuery.ajax/

编辑:好的好......

$('#too_cool_form').submit(function(e){
  e.preventDefault();
  //do some verification
  $.ajax({
    url: '',
    data: $(this).serialize(),
    success: function(data)
    {
      //callback methods go right here
    }
  });
});

答案 2 :(得分:4)

jQuery附带的任何内容都不会为您自动AJAX化普通表单。

选项1 - 拦截表单的submit事件,使用serialize从表单字段中删除数据,然后使用ajax或{{3}发送如建议的那样。

选项2 - 使用这个伟大的post,它会为您完成所有选项1。

答案 3 :(得分:0)

$.post()$.ajax()

$.ajax({
  type: 'POST',
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

文档将最好地解释:http://api.jquery.com/jQuery.post/