使用Ajax和jQuery发布表单

开始学习Ajax(和jQuery),我遇到了post表单数据的问题,我无法自行解决。

首先,这是一个简单的例子,我收集数据,发布并在新页面上显示:

 
Check Box 1
Check Box 2

然后我尝试使用Ajax和jQuery。 我稍微修改了上面粘贴的表格:

  
Check Box 1
Check Box 2

这是jQuery函数:

 // script.js $(document).ready(function () { $("#myButton").click(function () { $.ajax({ cache: false, type: 'POST', url: 'test.php', data: $("#myForm").serialize() }); }); }); 

我的问题是,如何重新实现jQuery函数以在test.php选项卡中回显结果? 我抓了很多资源,但我找不到任何解决方案。

提前感谢任何指针。

最好的,Andrej

我相信你正在寻找.ajax选项参数的success

 $.ajax({ ... success: function(d){ alert(d); } }); 

你将需要一个success回调,我将假设它将是一些HTML …

 $(document).ready(function(){ $("#myButton").click(function() { $.ajax({ cache: false, type: 'POST', url: 'test.php', data: $("#myForm").serialize(), success: function(response) { $("#someElement").html(response); } }); }); }); 

试试这个。

 $(document).ready(function(){ $("#myButton").click(function() { $.ajax({ cache: false, type: 'POST', url: 'test.php', data: $("#myForm").serialize(), success: function(data){ alert(data); } }); }); });