jQuery学习笔记：jQuery Ajax 00：总介

jQuery Ajax：总介

 

主要参考：

《锋利的jQuery》单东林、张晓菲、魏然

www.3cschool.com.cn之《jQuery 参考手册 - Ajax》

 

搜集整理：sagahu@163.com

 

总介

 

jQuery对Ajax操作进行了封装，提供了一套函数库。通过jQuery Ajax，使用HTTP POST或者HTTP GET，可以简便地从远程服务器请求TXT、HTML、XML或者JSON数据，而且可以直接把远程数据载入网页的被选 HTML 元素中！

 

jQuery AJAX 请求函数

 

函数	说明	返回值
$.ajax(settings)	把远程数据加载到 XMLHttpRequest 对象中	XMLHttpRequest
.load(url, data, callback)	把远程数据加载到被选的元素中	jQuery
$.get(url, data, callback, type)	使用 HTTP GET 来加载远程数据	XMLHttpRequest
$.post(url, data, callback, type)	使用 HTTP POST 来加载远程数据	XMLHttpRequest
$.getScript(url, callback)	加载并执行远程的 JavaScript 文件	XMLHttpRequest
$.getJSON(url, data, callback)	使用 HTTP GET 来加载远程 JSON 数据	XMLHttpRequest

 

(url) 被加载的数据的 URL（地址）。

(data) 发送到服务器的数据的键/值对象。

(callback) 当数据被加载时，所执行的函数。

(type) 被返回的数据的类型 (html,xml,json,jasonp,script,text)。

(settings) 完整 AJAX 请求的所有键/值对选项。

 

其中，$.ajax(options)方法属于最底层的方法，提供了比高层次方法更多的功能，但是也比高层次方法更难使用。option 参数设置的是 name|value 对，定义 url 数据、密码、数据类型、过滤器、字符集、超时以及错误函数。

 

load()、$.get()、$.post()是第2层的方法，其使用频率最高。$.getScript()、$.getJSON()是第3层的方法。

 

jQuery的Ajax全局事件

 

函数	说明	返回值
.ajaxComplete(callback)	当 Ajax 请求完成时要调用的处理程序。这是一个 Ajax 事件。	jQuery
.ajaxError(callback)	当 Ajax 请求（完成且）出现错误时要调用的处理程序。这是一个 Ajax 事件。	jQuery
.ajaxSend(callback)	在 Ajax 请求发送之前显示一条消息。	jQuery
.ajaxStart(callback)	当首个 Ajax 请求开始时要调用的处理程序。这是一个 Ajax 事件。	jQuery
.ajaxStop(callback)	当所有 Ajax 请求结束时要调用的处理程序。这是一个 Ajax 事件。	jQuery
.ajaxSuccess(callback)	当 Ajax 请求（完成）成功时显示一条消息。	jQuery

 

jQuery序列化元素的函数

 

函数	说明	返回值
.serialize()	将表单元素的名称和值序列化为字符串，返回值类似于：single=1&multiple=2。	String
.serializeArray()	序列化表单元素，类似于serialize()方法，但它返回的是 JSON 数据结构数据。	Array<Object>
$.param()	创建数组或对象的序列化表示，适合在 URL 查询字符串或 Ajax 请求中使用。	String

 

其它函数

 

函数	说明	返回值
$.ajaxSetup(options)	设置将来的 Ajax 请求的默认值，这是全局选项。	无