1

嗨，我正在尝试使用下面的简单示例来学习如何进行发布请求。虽然我可以轻松地将数据发布到 result.php 并通过警报消息返回结果，但我希望将结果返回到当前页面上的 div 中。这样做的原因是我希望用户在单击按钮后立即看到他们的名字出现在屏幕上。有人可以告诉我如何修改此代码，以便帖子的结果显示在 div 中而不是作为警报消息？谢谢

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
 $(document).ready(function(){
  $("#searchForm").submit(function(event){
    $.post("result.php",
     {
      name:"Mike"

      },
    function(data,status){
  //alert("Data: " + data + "\nStatus: " + status);
  $('#post-result').append(data);
      });
   });
  });
</script>

<form action="result.php" id="searchForm">
<input type="text" name="name" placeholder="Search..." />
<input type="submit" value="Search" />
</form>

<div id='post-result'></div>
4

2 回答 2

2

你可以通过很多不同的方式做到这一点，其中一种可能是：

$('#idofdiv').html(data);

如果你alert("Data: " + data + "\nStatus: " + status);用上面的代码替换idofdiv并用你自己的 div id 替换它应该可以工作。

查看 jQuery 的文档以了解更多信息 ( http://api.jquery.com/ )。

于 2013-07-26T16:15:20.397 回答
2

只需在页面上放置一个 div 并使用 jQueryappend()将您的数据放入其中......

<div id='post-result'></div>

<script>
$(document).ready(function(){
    $("button").click(function(){
        $.post("result.php",
            $('#searchForm').serialize(),
            function(data,status){
                //alert("Data: " + data + "\nStatus: " + status);
                $('#post-result').append(data);
            }
        );
    });
});
</script>

更新 - 根据评论，添加了对表单进行序列化的调用，以便脚本在提交时将当前表单数据发布到服务器。

于 2013-07-26T16:15:49.510 回答