Question

这是一个菜鸟问题，所以，请慷慨。

以Twitter为例。顶部有一个输入文本表单，用于编写推文和推文列表下方。如果您撰写新推文并点击“推文”按钮，您将立即在推文列表中看到您的新推文，而无需重新加载页面。我知道这是一个平庸的情况，但我想问你的方式。

我的页面顶部和下方都有一个表单，其中有一个邮件列表。填写表单并向其重新加载的页面提交新消息时，您将看到包含新消息的更新消息列表。我希望实现与Twitter使用相同的技术。也许我应该使用jQuery，并将数据发送到$.post的页面。你能解释一下我的事吗？

Answer 1

弗雷德，

你可以使用jquery ajax，

关于ajax成功更新您的DOM html

http://api.jquery.com/jQuery.ajax/

Answer 2

由于您是初学者，我认为最简单的方法就是我将要描述的方式。如果您有此div（您希望新Feed显示在哪里）：

标记：

<div id="feeds">
   <div class="feed"> Feed 1</div>
   <div class="feed"> Feed 2</div>
   <!-- Your new feed will appear here -->
</div>

使用Javascript：

$("div.feed:last").clone().appendTo("#feeds").load("newfeed.php?param1=val1");

服务器（假设php）：

<? //newfeed.php
   $param1 = $_GET['param1'];
   $content = "Here put your latest feed";
   echo $content;
?>

就是这样。

现在我将解释我们在javascript行中做了什么

$("div.feed:last")      //Select the last div with class "feed"
   .clone()             //We clone it, to make space for the new feed
   .appendTo("#feeds")  //We add the clone to the final of the feed list 
   .load("newfeed.php?param1=val1");  //Load it's content with a value got from server

当你觉得jquery更加舒适时，请改用$ .ajax。希望这会有所帮助，欢呼

关于jQuery的问题并重新加载页面

2 个答案: