我正在开设一个网页,其中包含一个包含最新(简短)新闻的网页。用户可以发布评论并在这些项目上添加类似内容。就像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函数):
此过程的问题是整个列表每10秒重新加载一次,并且注释输入字段(嵌入在li中并在用户想要对新闻项目发表评论时显示)也会被替换,并通过这样做,从html中删除输入字段。
我想过可能会返回一个包含项目数组的JSON对象,然后检查页面中返回的项目?但这似乎有点矫枉过正..
或者在更新时,记住注释输入所在的项目(并保持输入值)。更新新闻列表,找到评论输入的项目并将其放回。
有人知道更新新闻项目的过程,以便只替换新闻项目的新部分而不是ul标签的整个内部HTML吗?