大家好,欢迎来到程序视点
!我是你们的老朋友.小二!
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
)需特定场景使用。
最后
【程序视点】助力打工人减负,从来不是说说而已!后续小二哥会继续详细分享更多实用的工具和功能。
欢迎关注【程序视点】设置为星标,这样就不会错过之后的精彩内容啦!别忘了【在看】【点赞】支持下哦~