更新時間:2022-10-09 10:36:28 來源:動力節點 瀏覽954次
用jQuery實現的Ajax請求要怎么做?動力節點小編來告訴大家。
在沒學習jQuery教程之前,發送ajax是比較麻煩的一個過程,需要四個步驟,jQuery將這些個步驟簡化了,使用起來更加方便快捷
$.ajax() : 它是jQuery中實現ajax的核心函數
$.post() : 這個函數是使用post方式發送ajax請求
$.get() : 這個函數是使用get的方式發送ajax請求
$.post() 和 $.get() 它們都是在內部調用了 $.ajax() ,所以 $.ajax() 是核心函數
這個函數的參數表示請求的url, 請求的方式, 參數值等信息
$.ajax() 它的參數是一個json結構
例如:
$.ajax({
名稱1 : 值1,
名稱2 : 值2,
...
})
key | value |
---|---|
async | 是boolean類型的,默認是true, 代表異步請求,可省略, 和原生ajax函數,xmlhttp.open(get, url, true)中第三個參數表示的思想一樣 |
contentType | 字符串,表示從瀏覽器發送給服務器的參數的類型,可以省略;例如請求的參數是json,可以寫application/json |
data(常用) | 可以是字符串,數組,json;是用來表示請求的參數值的;常用的是json格式的數據,例如:{name : “張三”, age : 20} |
dataType(常用) | 表示期望從服務器端返回的數據格式, 可選擇的有: xml, html, text, json等;當我們使用$.ajax()發送請求時,會把dataType的值傳給服務器,那么服務器就能夠讀取到dataType的值,從而知道需要返回的數據格式 |
error | function類型;表示請求成功時執行的函數;相當于原生ajax中XMLHttpRequest對象,當readyState= =4 &&status== 200時執行的代碼 |
url(必傳) | 請求的地址 |
type(常用) | 請求方式, get,post等,不用區分大小寫,默認是get方式 |
具體例子:
$.ajax({
asycn : true,
contentType : "application/json",
data : {
name : "zhangsan",
age : 20
},
dataType : "json",
error : function() {
// 出現錯誤
alert("請求錯誤");
},
success : function(data) {
// data 就是responseText返回的數據,但是這里是jQuery處理完成之后的數據
alert("請求成功, data為" + data);
},
url : "xxxx/xxx",
type : "get"
})
通過上述介紹,相信大家對用jQuery實現的Ajax請求已經有所了解,如果大家想了解更多相關知識,不妨來關注一下本站的AJAX教程,里面還有更豐富的知識等著大家去學習,希望對大家能夠有所幫助哦。
0基礎 0學費 15天面授
有基礎 直達就業
業余時間 高薪轉行
工作1~3年,加薪神器
工作3~5年,晉升架構
提交申請后,顧問老師會電話與您溝通安排學習