jQuery – 异步发送表单

我的表格如下:

我想异步发送这些数据,运行jQuery函数$.ajax

编辑:与解决方案:

 
$(document).ready(function() { $('form[name=contactForm]').submit(function(e){ e.preventDefault(); $.ajax({ type: 'POST', cache: false, url: './ajax/header_ajax.php', data: 'id=header_contact_send&'+$(this).serialize(), success: function(msg) { $("#boxContentId").html(msg); } }); }); });

 $('form[name=contact]').submit(function(){ // Maybe show a loading indicator... $.post($(this).attr('action'), $(this).serialize(), function(res){ // Do something with the response `res` console.log(res); // Don't forget to hide the loading indicator! }); return false; // prevent default action }); 

看到:

  • jQuery docs:post
  • jQuery文档:序列化