一.什麼是ajax ?
本質就是一套可以局部發請求的技術,也叫局部刷新(也叫局部請求或者異步請求)。
二. ajax使用步驟
1.創建請求對象
var xhr=new XMLHttpRequest();
2.設置請求行
用.open()方法,在括號裡面可以帶三個參數:
參數1:請求方式:選get或post,填寫格式是Boolean類型;
參數2:填寫自己的請求目標路徑,格式是字符串;
參數3:是否異步:默認是true也就是異步,給false就是同步,一般不用同步.
get方式設置請求行:,key=value的形式,key是需要傳遞的鍵,value是對應的值,多個值之間用&鏈接;
xhr.open('get','XX.php?key=value&key2=value2')
post方式設置請求行:直接填目標地址.
xhr.open('post','XX.php')
3.設置請求頭(即setRequestHeader,get請求不需要寫,get請求直接跳過這一步)
post請求寫法如下:寫法固定, 直接複製.
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
4.發送請求(get不需要設置請求體內容,因為它通過url提交數據,所以裡面不需要參數,post才需要請求體內容)
get請求寫法:
xhr.send();
post請求寫法:
xhr.send('key=value');
5.監聽響應完成事件
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
}
}
暫時先寫到這裡,小編這裡整理了一些學習web前端的資料,想學習web前端的小夥伴趕緊行動起來吧!關注小編,私信【學習】,即可免費獲得!
閱讀更多 計算機語言 的文章