更新FaceBook上的新闻

时间:2012-01-09 12:45:51

标签: javascript jquery html ajax dynamic

我正在开设一个网页,其中包含一个包含最新(简短)新闻的网页。用户可以发布评论并在这些项目上添加类似内容。就像FaceBook个人资料页面一样。

我希望此更新是动态的,我使用jQuery。我遗漏了尽可能多的代码,因为这个问题更多的是关于过程然后是实际的代码。

但基本的代码设置是:

<ul id="news_list">
    <li id="1">
        //news item inner html
    </li>

    <li id="2">
        //news item inner html
        <input type="text" name="comment"/> //example when the user is adding a comment to the post
    </li>
</ul>

我有以下过程(每10秒运行一次update_news函数):

  • update_news函数将调用php页面,该页面将最后10个项目作为HTML返回。
  • 结果HTML随后用于替换列表的HTML。

此过程的问题是整个列表每10秒重新加载一次,并且注释输入字段(嵌入在li中并在用户想要对新闻项目发表评论时显示)也会被替换,并通过这样做,从html中删除输入字段。

我想过可能会返回一个包含项目数组的JSON对象,然后检查页面中返回的项目?但这似乎有点矫枉过正..

或者在更新时,记住注释输入所在的项目(并保持输入值)。更新新闻列表,找到评论输入的项目并将其放回。

有人知道更新新闻项目的过程,以便只替换新闻项目的新部分而不是ul标签的整个内部HTML吗?

0 个答案:

没有答案