Ajax的基本用法

一.什麼是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前端的小夥伴趕緊行動起來吧！關注小編，私信【學習】，即可免費獲得！