jQuery Ajax 全解析
jQuery 确实是一个挺好的轻量级的 JS 框架，能帮助我们快速的开发 JS 应用，并在一定程
度上改变了我们写 JavaScript 代码的习惯。
我们先来看一些简单的方法，这些方法都是对 jQuery.ajax()进行封装以方便我们使用的方法，
当然，如果要处理复杂的逻辑，还是需要用到 jQuery.ajax()的(这个后面会说到).
1. load( url, [data], [callback] ) ：载入远程 HTML 文件代码并插入至
DOM 中。
url(String) : 请求的 HTML 页的 URL 地址。
data(Map) : (可选参数) 发送至服务器的 key/value 数据。
callback(Callback) : (可选参数) 请求完成时(不需要是 success 的)的回调函数。
这个方法默认使用 GET 方式来传递的，如果[data]参数有传递数据进去，就会自动转换为
POST 方式的。jQuery 1.2 中，可以指定选择符，来筛选载入的 HTML 文档，DOM 中将仅
插入筛选出的 HTML 代码。语法形如 "url #some > selector"。
这个方法可以很方便的动态加载一些 HTML 文件，例如表单。
示例代码：
$(".ajax.load").load("http://www.cnblogs.com/QLeelulu/archive/2008/03/30/1130270.html .post",
function (responseText, textStatus, XMLHttpRequest){
this;//在这里 this 指向的是当前的 DOM 对象，即$(".ajax.load")[0]
//alert(responseText);//请求返回的内容
//alert(textStatus);//请求状态：success，error
//alert(XMLHttpRequest);//XMLHttpRequest 对象
});
这里将显示结果。
注：不知道为什么 URL 写绝对路径在 FF 下会出错，知道的麻烦告诉下。下面的 get()和
post()示例使用的是绝对路径，所以在 FF 下你将会出错并不会看到返回结果。还有 get()和
post()示例都是跨域调用的，发现传上来后没办法获取结果，所以把运行按钮去掉了。
2. jQuery.get( url, [data], [callback] )：使用 GET 方式来进行异步请求
参数：
url(String) : 发送请求的 URL 地址.
data(Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示，会做为
QueryString 附加到请求 URL 中。
callback(Function) : (可选) 载入成功时回调函数(只有当 Response 的返回状态是 success 才是
调用该方法)。
- 1
- 2
- 3
- 4
前往页