JQuery笔记：Ajax和延迟对象
作者：袖梨
2022-06-25
一、Ajax方法
1.发送请求
| Ajax方法 | 说明 |
|---|---|
| $.ajax([url],options) | 使用传入的options发送一次Ajax请求 |
| .load(url,[data],[callback]) | 向传入的url生成一次Ajax请求，然后将响应放在匹配的元素中 |
| $.get(url,[data],[callback],[returnType]) | 向传入的url发送一个get请求 |
| $.getJSON(url,[data],[callback]) | 向传入的url发送一个Ajax请求，将响应作为JSON数据结构解析 |
| $.getScript(url,[callback]) | 向传入的url发送一个Ajax请求，将响应作为Javascript解析 |
| $.post(url,[data],[callback],[returnType]) | 向传入的url发送一个post请求 |
2.监视请求
| Ajax方法 | 说明 |
|---|---|
| .ajaxComplete(handler) | 绑定Ajax请求完成后调用的处理程序 |
| .ajaxError(handler) | 绑定Ajax请求发生错误后调用的处理程序 |
| .ajaxSend(handler) | 绑定Ajax请求开始时调用的处理程序 |
| .ajaxStart(handler) | 绑定Ajax请求开始但没有其它Ajax请求时调用的处理程序 |
| .ajaxStop(handler) | 绑定Ajax请求结束但没有其它Ajax请求时调用的处理程序 |
| .ajaxSuccess(handler) | 绑定Ajax请求成功返回响应时调用的处理程序 |
3.配置
| Ajax方法 | 说明 |
|---|---|
| $.ajaxSetup(options) | 为后续的Ajax请求设置选项 |
| $.ajaxPrefilter([dataType],handler) | 在$.ajax()处理请求之前，修改每个请求的选项 |
| $.ajaxTransport(transportFunction) | 为Ajax事务定义一个新的传输机制 |
4.实用方法
| Ajax方法 | 说明 |
|---|---|
| .serialize() | 将一组表单控件的值编码为一个查询字符串 |
| .serializeArray() | 将一组表单控件的值编码为一个JSON数据结构 |
| $.param(obj) | 将任意值的对象编码为一个查询字符串 |
| $.globalEval(code) | 在全局上下文中求值给定的Javascipt字符串 |
| $.parseJSON(json) | 将JSON对象转为JavaScript对象 |
| $.parseXML(xml) | 将XML字符串转为XML文档 |
| $.parseHTML(html) | 将HTML元素转为DOM元素 |
二、延迟对象
1.创建对象
| 函数 | 说明 |
|---|---|
| $.Deferred([setupFunction]) | 创建一个新的延迟对象 |
| $.when(deferreds) | 在给定的延迟对象解决了之后返回一个待解决的承诺对象 |
2.延迟对象的方法
| 方法 | 说明 |
|---|---|
| .resolve([args]) | 解决延迟对象并使用给定的参数调用完成回调函数 |
| .resolveWith(context,[args]) | 解决延迟对象并使用给定的参数调用完成回调函数,同时让关键字this引用回调函数中的context |
| .reject([args]) | 拒绝延迟对象并使用给定的参数调用失败回调函数 |
| .rejectWith(context,[args]) | 拒绝延迟对象并使用给定的参数调用失败回调函数,同时让关键字this引用回调函数中的context |
| .notify([args]) | 执行progress回调 |
| .notifyWith(context,[args]) | 执行progress回调,同时让关键字this引用回调函数中的context |
| .promise([target]) | 返回与当前延迟对象的承诺对象 |
3.承诺对象的方法
| 方法 | 说明 |
|---|---|
| .done(callback) | 当对象被解决之后调用callback |
| .fail(callback) | 当对象被拒绝之后调用callback |
| .always(callback) | 当对象被拒绝或被解决之后调用callback |
| .then(doneCallbacks,failCallbacks) | 当对象被解决之后调用doneCallbacks,当对象被拒绝之后调用failCallbacks |
| .progress(callback) | 当对象每次接到进度通知后调用callback |
| .isRejected() | 如果对象被拒绝，返回true |
| .isResolved() | 如果对象被解决，返回true |
| .state() | 返回当前运行状态，”pending”、”rejected”和”resolved” |
| .pipe([doneFilter],[failFilter]) | 返回新的承诺对象 |
三、其它方法
1.JQuery对象的属性
| 属性 | 说明 |
|---|---|
| $.support | 返回一个属性对象，表示浏览器是否支持各种特性和标准 |
2.数组和对象
| 函数 | 说明 |
|---|---|
| $.each(collection,callback) | 迭代集合，对每一项执行callback |
| $.extend(target,obj1,obj2,….) | 扩展target对象 |
| $.grep(array,callback,[invert]) | 使用callback筛选数组 |
| $.makeArray(obj) | 将obj对象转换为数组 |
| $.map(array,callback) | 迭代集合，对每一项执行callback，将返回的结果作为一个新数组返回 |
| $.inArray(value,array) | 判断value是否在array中，不在返回-1 |
| $.merge(array1,array2) | 合并数组array1和array2 |
| $.unique(array) | 从数组中移除重复的DOM元素 |
3.对象判断
| 函数 | 说明 |
|---|---|
| $.isArray(obj) | 判断对象obj是否为数组 |
| $.isEmptyObject(obj) | 判断对象obj是否为空的 |
| $.isFunction(obj) | 判断对象obj是否为函数 |
| $.isPlainObject(obj) | 判断对象obj是否是通过字面量或new Object()创建的 |
| $.isNumber(obj) | 判断对象obj是否为数值 |
| $.isWindow(obj) | 判断对象obj是否为浏览器窗口 |
| $.isXMLDoc(obj) | 判断对象obj是否为XML节点 |
| $.type(obj) | 判断对象obj的JavaScript类 |
相关文章：javascript中对变量类型的判断
4.其他
| 函数 | 说明 |
|---|---|
| $.trim(string) | 移除字符串的前后空白符 |
| $.noConflict([removeAll]) | 向其它库过渡$标识符 |
| $.noop() | 什么也不做的函数 |
| $.now() | 以秒为单位，返回当前时间 |
| $.holdReay(hold) | 防止触发ready事件或释放当前的保留 |
