jQuery在ajax请求后给出响应

时间:2010-11-15 19:53:00

标签: jquery ajax forms submit response

$(document).ready(function(){ 
 $("form#fbox").submit(function(){ 
 var msg = $("input#ibox").val(); 
 $.get("foo.php", {m: msg}, function(data){
   $('#display').html(data);
 });
 return false; 
 });
});

我有这个jquery脚本,它在提交表单后“无形地”创建了一个帖子请求。因此没有刷新页面。问题是如何才能得到foo.php的响应,或者更确切地说我将在foo.php中放回一个响应?

例如我输入'hello',如何在 #display 上显示'hi'?类似于xD

的东西

4 个答案:

答案 0 :(得分:0)

你会foo.php回显你想要进入与#display对应的元素内的任何内容 - 不多也不少。所以这会奏效:

echo 'hi';

答案 1 :(得分:0)

在foo.php中填写您需要的任何内容。该html页面的内容将被放入#display。

答案 2 :(得分:0)

您已经将#display的内容设置为脚本输出的内容。

$.get的第三个参数是一个成功执行的回调。

答案 3 :(得分:0)

在你的php文件中,你应该回显你想要返回的任何内容。因此,如果您希望您的回复说“Hello World”,那么您的php文件将如下所示:

<?
    echo "Hello World";
?>

您的JavaScript看起来正在正确处理它。