大家好,歡迎來到程序視點
!我是你們的老朋友.小二!
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
)需特定場景使用。
最后
【程序視點】助力打工人減負,從來不是說說而已!后續小二哥會繼續詳細分享更多實用的工具和功能。
歡迎關注【程序視點】設置為星標,這樣就不會錯過之后的精彩內容啦!別忘了【在看】【點贊】支持下哦~