AJAX與跨域

AJAX

AJAX是異步 js and xml的縮寫，能夠無刷新讀取數據，或則動態加載網頁內容

原生Ajax如何寫：

1.建立對象

var xhr
if(window.XMLHttpRequest){
xhr=new XMLHttpRequest();
}else{
xhr=new ActiveXObjct("Mircrosoft.XMLHTTP");
}

2.打開鏈接

xhr.open("get","/users/login",true);//true表明異步

3.發送請求

xhr.send();

4.經過事件回調來處理服務器返回的數據

xhr.onreadystatechange=function(){
if(xhr.readystate==4&&xhr.status==200){//4表明請求已完成，響應已就緒；狀態碼200表明正確返回
var text=xhr.responseText;
}
}

跨域

跨域：瀏覽器同時向多個服務器發送請求或者同時向一個服務器多個端口發送請求，稱爲跨域。

ajax是不容許跨域訪問

能夠讓ajax跨域的幾種方法：

1.設置響應頭

res.setHeader("Access-Control-Aollow-Orgin","*");
res.setHeader("Access-Control-Aollow-Methods","GET,POST");\

2.設置代理

3.JSONP 經過Script標籤跨域訪問，帶js方法一塊兒返回(相似於ajax，不是正真ajax 只能用於get提交)