36、使用jQuery实现Ajax交互：从基础到实践

使用jQuery实现Ajax交互：从基础到实践

1. Ajax响应数据类型

在使用Ajax时，服务器返回的数据类型多样。大部分情况下，会收到文本响应，这些响应存储在XHR对象的 responseText 属性中，可能是一段HTML、简单的文本消息或者复杂的JSON数据。若服务器返回XML文件，则存储在XHR对象的 responseXML 属性里。不过如今，服务器页面更常返回文本、HTML或JSON数据，处理XML响应的需求相对较少。

无论服务器返回何种数据，回调函数都能获取并用于更新网页。回调函数执行完毕，整个Ajax周期就结束了，当然，也可能同时有多个Ajax请求在进行。

2. jQuery简化Ajax编程

不同浏览器之间存在差异，为了让Ajax程序在Internet Explorer、Firefox、Safari和Opera等浏览器中正常工作，需要编写额外的代码。虽然基本的XMLHttpRequest过程并不复杂，但每次发起XHR请求都要执行多个步骤。借助JavaScript库可以提高Ajax编程的效率，而jQuery库提供了多个函数，极大地简化了整个过程。

3. 使用jQuery的load()函数

load() 函数是jQuery提供的最简单的Ajax函数，它可以将HTML文件加载到页面的指定元素中。

例如，网页上有一个区域用于显示新闻标题列表，页面加载时显示最近的五条新闻。可以添加一些链接，让访客选择显示不同类型的新闻，如昨日新闻、本地新闻、体育新闻等。传统做法是链接到不同的网页，但这样会让访客离