相較與js非同步對象的繁瑣,jq的ajax對象結構更加清晰 一:ajax對象簡述 ajax(Asynchronous JavaScript and XML),非同步的xml和js對象,主要用於在不刷新全局頁面的基礎上,更新局部頁面,多用於表單提交,搜索更新 在jq中的ajax對象的格式為: js的aja ...
相較與js非同步對象的繁瑣,jq的ajax對象結構更加清晰
一:ajax對象簡述
ajax(Asynchronous JavaScript and XML),非同步的xml和js對象,主要用於在不刷新全局頁面的基礎上,更新局部頁面,多用於表單提交,搜索更新
在jq中的ajax對象的格式為:
$.ajax({ // some code... })
js的ajax對象在此不多贅述
二:各類屬性
一個完整的ajax對象起碼應該有四個屬性:type, url,data,success
1.type 這個是ajax發送請求時所用的格式,值為字元串類型的大寫的POST或者GET
type: "GET",
2.url 這個是請求讀取的文件的地址,可以是線上,也可以是本地。如果在本地,需要輸入 相對路徑,並確保伺服器開啟!
以node線上api為例:
url: "https://cnodejs.org/api/v1/topics", //url:文件路徑
3.seccess 這個是ajax請求發送成功後的操作,後跟一個回調參數為result的函數,result指接收到的數據
success: function(result) { console.log(result) //result 指的的請求發送成功後接收到的數據 },
4.data 這個是發送請求後傳入的數據
data: { //這裡是對接收到的數據進行的一些設置
},
通常來說,有以上四個屬性就已經可以完成基本的交互操作了
以上。