使用Ajax获取与显示评论的实战代码解析

"这篇资源介绍了如何使用AJAX从chinaz网站获取评论数据并进行显示的方法。" 在网页开发中，AJAX（Asynchronous JavaScript and XML）是一种创建动态网页的技术，它允许页面在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在本示例中，chinaz网站利用AJAX实现评论的异步读取，从而提供更流畅的用户体验，用户无需刷新页面就能查看新的评论。 首先，评论数据以JSON格式返回，如下所示： ```json { a: "<div class='pl_list'><div><span class='float_right'><a href=javascript:goodbad(22835,26769,'good',1) title='支持一下'>支持：[0]</a><a href=javascript:goodbad(22835,26769,'bad',1) title='我反对'>反对：[0]</a></span><span class='zz'>中国站长站网友：匿名于2008-04-25评论道：</span></div>谁认为投放了GoogleAdSense的站点就不允许进行推广了？傻子吧</div>", b: 1 } ``` 这里的`a`字段包含HTML格式的评论内容，`b`可能是表示评论状态或其他信息的数字。 接下来，我们看到一个名为`createAjaxObj`的函数，它的目的是创建一个AJAX对象。这个函数会根据浏览器类型（如Mozilla、Safari或IE）创建合适的XMLHttpRequest对象，这是AJAX通信的基础。在旧版本的IE中，我们需要使用ActiveXObject来创建XMLHttpRequest实例。 然后，有一个`load_feedback`函数，它接收两个参数：`arcID`（可能代表文章ID）和`pg`（可能是页码）。这个函数用于发起AJAX请求，其URL指向`http://www.chinaz.com/plus/feedback_ajax.php`，并带有`action=show`及`arcID`和`pg`参数。这表明它会向服务器请求特定文章ID下的评论数据，并可以分页加载。 在获取到服务器响应后，开发者通常会在`onreadystatechange`事件中处理返回的数据。在`load_feedback`函数内部，需要添加处理这部分逻辑，例如解析JSON数据，将评论内容插入到页面的适当位置，以及更新支持和反对按钮的状态。 AJAX技术结合JSON数据格式，使得网页能够更加高效地加载和展示信息，同时减少了网络带宽的消耗。在这个例子中，chinaz的评论系统通过AJAX实现了无刷新加载，提高了用户体验，也降低了服务器负载。开发者可以通过理解并借鉴这段代码，为自己的网站构建类似的评论功能。