AJAX 和 jQueryjQuery 提供了用于 AJAX 开发的丰富函数(方法)库。
通过 jQuery AJAX,使用 HTTP Get 和 HTTP Post,您都可以从远程服务器请求 TXT、HTML、XML 或 JSON。
而且您可以直接把远程数据载入网页的被选 HTML 元素中!
写的更少,做的更多jQuery 的 load 函数是一种简单的(但很强大的)AJAX 函数。它的语法如下:
$(selector).load(url,data,callback)
请使用
selector 来定义要改变的 HTML 元素,使用
url 参数来指定数据的 web 地址。
只有当您希望向服务器发送数据时,才需要使用
data 参数。只有当您需要在执行完毕之后触发一个函数时,您才需要使用
callback 参数。
Low Level AJAX
$.ajax(options) 是低层级 AJAX 函数的语法。
$.ajax 提供了比高层级函数更多的功能,但是同时也更难使用。
option 参数设置的是 name|value 对,定义 url 数据、密码、数据类型、过滤器、字符集、超时以及错误函数。
jQuery AJAX 请求
请求 | 描述 |
$(selector).load(url,data,callback) | 把远程数据加载到被选的元素中 |
$.ajax(options) | 把远程数据加载到 XMLHttpRequest 对象中 |
$.get(url,data,callback,type) | 使用 HTTP GET 来加载远程数据 |
$.post(url,data,callback,type) | 使用 HTTP POST 来加载远程数据 |
$.getJSON(url,data,callback) | 使用 HTTP GET 来加载远程 JSON 数据 |
$.getScript(url,callback) | 加载并执行远程的 JavaScript 文件 |
(
url) 被加载的数据的 URL(地址)
(
data) 发送到服务器的数据的键/值对象
(
callback) 当数据被加载时,所执行的函数
(
type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)
(
options) 完整 AJAX 请求的所有键/值对选项