? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Ajax
Ajax
異步無刷新技術
核心對象
XMLHttpRequest對象
獲取xhr對象:var xhr = new? XMLHttpRequest();
onreadystatechange 監(jiān)聽readystate值變化的事件
readystate 數據響應的響應
0=未初始化?
1=已經調用open方法,但未調用send方法
2=調用send方法,但未開始響應
3=響應部分響應
4=完全響應數據,且可以使用
status 響應狀態(tài)碼
200=響應成功
500=服務器異常(報錯)
404=未找到資源
statusText 狀態(tài)碼的說明
responseText 響應的數據
Aajx的實現流程
1、創(chuàng)建XMLHttpRequest對象
2、打開請求/準備請求
xhr.open(參數1,參數2,參數3)
參數1:請求的方式? (GET|POST)
參數2:請求的路徑? (請求地址,如果是GET請求,參數直接拼接在地址欄后面)
參數3:是否異步 ? ? (true|false。默認是true,表示異步)
3、發(fā)送請求
xhr.send(參數)
參數:要傳遞的數據(參數)
如果是GET請求:send(null);
如果數POST請求:有參數,則設置參數,無參數則設置為null
4、接收響應
如果響應成功,接收數據
status==200
xhr.responseText
1、創(chuàng)捷XMLHttpRequest對象
var 變量名=new XMLHttpRequest();
2、打開請求|準備請求
變量名.open(參數1,參數2,boolean值)、
3、發(fā)送請求
變量名.send(參數)
4、接收響應
console.log(變量名.responseText)
$.ajax({
type:"get|post",
url:"地址",
date:"date參數以{key:value}格式",
success: function(參數){
console.log(參數)
}
});
$.get("url地址",date參數以{key:value}格式,function(參數){
console.log(參數)
});
$.post(url地址,date參數以{key:value}格式,function(參數){
console.log(參數)
});
$.getsJSON(url地址,date參數以{key:value}格式,function(參數){
console.log(參數)
});