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()示例都是跨域调用的,发现传上来后没办法获取结果,所以把运行按钮去掉了。
?