jQuery.ajax() 方法核心参数详解
大家好,欢迎来到程序视点
!我是你们的老朋友.小二!
jQuery.ajax() 方法核心参数详解
基础参数
-
url
-
类型:String
-
功能:请求地址,默认当前页地址。
-
-
type
-
类型:String(
get
/post
为主,支持put
/delete
但兼容性有限) -
默认:
get
-
-
timeout
-
类型:Number(毫秒)
-
作用:覆盖全局超时设置(
$.ajaxSetup()
)。
-
-
async
-
类型:Boolean
-
默认:
true
(异步),同步请求会阻塞浏览器。
-
-
cache
-
类型:Boolean
-
默认:
true
(dataType:script
时默认为false
)。
-
数据相关参数
-
data
-
类型:Object/String
-
处理规则:自动转换为
key=value
格式,数组转为同名参数(如&foo=bar1&foo=bar2
)。
-
-
dataType
-
类型:String
-
支持类型:
xml
、html
、script
(远程强制转get
)、json
、jsonp
(自动替换回调名)、text
。
-
-
contentType
-
类型:String
-
默认:
application/x-www-form-urlencoded
。
-
-
processData
-
类型:Boolean
-
默认:
true
(自动转换数据为字符串格式)。
-
回调函数
-
beforeSend
-
参数:
XMLHttpRequest
-
用途:修改请求头或取消请求(返回
false
)。
-
-
success
-
参数:处理后的数据(
data
)、状态描述(textStatus
)。
-
-
error
-
参数:
XMLHttpRequest
、错误信息(textStatus
)、异常对象(errorThrown
)。
-
-
complete
-
触发条件:无论成功失败均执行,参数同
success
/error
。
-
-
dataFilter
-
功能:预处理原始返回数据,需返回处理后的值。
-
高级配置
-
jsonp
-
类型:String
-
作用:重写JSONP回调函数名(替代URL中的
callback=?
)。
-
-
global
-
类型:Boolean
-
默认:
true
(触发全局AJAX事件如ajaxStart
)。
-
-
scriptCharset
-
适用场景:
dataType
为jsonp
/script
且type:get
时强制修改字符集。
-
示例代码
$.ajax({type: "GET",url: "test.json",data: {username: $("#username").val()},dataType: "json",success: function(data) {// 动态生成HTML内容}
});
总结
-
核心功能:支持灵活配置请求类型、数据处理、回调逻辑及错误处理。
-
关键优势:异步请求、自动数据转换、多数据类型支持(如JSONP跨域)。
-
注意事项:同步请求会阻塞浏览器,部分参数(如
jsonp
)需特定场景使用。
最后
【程序视点】助力打工人减负,从来不是说说而已!后续小二哥会继续详细分享更多实用的工具和功能。
欢迎关注【程序视点】设置为星标,这样就不会错过之后的精彩内容啦!别忘了【在看】【点赞】支持下哦~