JQuery使用AJAX功能学习笔记(ajax概念，jquery使用ajax的方法，load()方法)

jQuery AJAX简介：

jQuery AJAX就是jQuery使用浏览器的AJAX功能的方法。

AJAX =异步JavaScript 和 XML(Asynchronous JavaScript and XML)。

简单解释：在不重载整个网页的情况下，浏览器AJAX模块可以联系后台，得到数据。然后使用js或jquery等让浏览器将它们在网页上显示。

如何通过jQuery使用AJAX方式:

jQuery提供一些方法，通过使用这些方法，就可以使用浏览器的AJAX通信方式了。

它能使用AJAX的这些功能：

联系后台：HTTP Get，HTTP Post

得到数据：得到文本，得到HTML,得到XML,得到JSON

如何通过jQuery显示AJAX得到的数据：

显示数据：jQuery选择某元素，并把数据载入其中

每个浏览器提供的js的AJAX对象并不一致，因此通过js使用AJAX方式比较麻烦。而使用jQuery,一行简单的代码就可以正确使用浏览器AJAX通信对象了。

浏览器认识js,不认识jQuery

jQuery为使用AJAX和显示AJAX数据提供的方法：load()

jQuery有一般方法和事件方法，事件方法就是一旦发生了某事件就执行事件方法中自定义的程序，不发生就不执行，而不管程序执行的顺序。这里load()是一个一般方法。jQuery使用参数识别一般方法load()和事件方法load().

load()方法联系服务器，得到数据，并把得到的数据放入被选元素中。

语法：

$(selector).load(url,data,function(response,status,xhr));

参数：

selector:得到的数据会加载到这个选择器对应的元素中（在status是success或notmodified的情况下）。如果当前文档不包含指定的元素，那么就不会执行.load()方法。

url:必需。规定要将请求发送到哪个url。

data:可选。规定连同请求发送到服务器的数据。如果提供的数据是对象，则使用POST方法，否则使用GET方法。

function(response, status, xhr):可选。规定当得到数据完毕时（即执行post-processing之后）运行的函数。回调函数，可以使用load()得到的数据

回调函数可以设置的参数：

response - 包含来自请求的结果数据

status - 包含请求的状态（'success','notmodified','error','timeout','parsererror'）。'success'和'notmodified'表示响应成功，如果响应成功，.load()将匹配元素的HTML内容设置为返回的数据。

xhr - 包含XMLHttpRequest对象

加载页面片段（url参数的特殊语法）

如果url字符串中包含一个或多个空格，紧接第一个空格的字符串则是决定所加载内容的jQuery选择器。

例如：

$("#result").load("ajax/text.html" #container);

该方法执行时，会取回ajax/test.html的内容，不过然后jQuery会解析返回的文档，来查找带有容器ID的元素。该元素，连同其内容，会被插入带有结果ID的元素中，所取回文档的其余部分会被丢弃。