使用Ajax和jQuery发布表单
开始学习Ajax(和jQuery),我遇到了post表单数据的问题,我无法自行解决。
首先,这是一个简单的例子,我收集数据,发布并在新页面上显示:
然后我尝试使用Ajax和jQuery。 我稍微修改了上面粘贴的表格:
这是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); } }); }); });