AJAX異步請求

ajax英文全名：Asynchronus javascript and XML 異步的javaScripyt和xml

　　1異步和同步：客戶端和服務端相互通訊的基礎上，

　　　　　　　　同步：當客戶端給服務端發送請求時，只有單服務端給出響應後，客戶端纔會進行下一步的操做。（客戶端會等待服務端）

　　　　　　　　異步：當客戶端給服務發送請求後，客戶端不會等待服務端的響應，此時客戶端能夠進行其餘操做，當服務作出響應時，客戶端纔會進行下一步操做（客戶端不會等待服務端的響應。）

 

　　Ajax 是一種無序從新加載整個頁面，可以更新部分網頁的技術。

　　經過後臺與服務器進行少許的數據交換，ajax可使網頁實現異步更新，這意味着能夠在不從新加載整個頁面的狀況下，對網頁的某部份內容進行更新

　　若是不適用ajax請求後臺數據，須要對整個網頁進行更新。　　

　　所以使用ajax能夠提高用戶的體驗。

　　實現方式:

　　　　這種方式是原生的實現方式

　　　　//1建立核心對象

　　　　　　var xmlHttp;

　　　　if(window.xmlhttpRequest)

　　　　

　　　　{// code for IE7+, Firefox, Chrome, Opera, Safari
　　　　xmlhttp=new XMLHttpRequest();
　　　　}

　　　　else
　　　　{

　　　　//對ie瀏覽器作的一個適配

　　　　// code for IE6, IE5
　　　　xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
　　　　}

　　2//創建鏈接　　

　　　　/*

　　　　請求參數

　　　　1請求方式,get post等

　　　　2請求的url,服務地址

　　　　3同步或者異步 同步false ,異步true

　　　　*/

　　　　xmlHttp.open("get","servletTest/hello?username=zhangsan",true)；

　　　　//發送請求

　　　　xmlHttp.send();

 

　　　　//4接收並處理請求結果

　　　　　　//獲取方式：xmlhttp.responseText

　　　　//獲取時機（當服務器返回結果後在進行獲取）

　　//當xmlHttp對象的就緒狀態改變時，觸發onreadystatechange()函數

　　　　xmlhttp.onreadystatechange=function()
　　　　{
　　　　//判斷readyState就緒狀態是否爲4，判斷status響應狀態碼是否爲200
　　　　if (xmlhttp.readyState==4 && xmlhttp.status==200)
　　　　{
　　　　//獲取服務器的響應結果
　　　　var responseText = xmlhttp.responseText;
　　　　alert(responseText);
　　　　}

jQuery實現方式

　　　　$符號代理真個jquery對象

　　　　$.ajax()

　　　　語法

　　　　$.ajax({鍵值對})

 

　　　　//使用$.ajax發送異步請求

　　　　　　$.anax({

　　　　　　url："servlettest/hello"  ，  //請求的url

　　　　　　type："post"  ，//請求的方式

　　　　　　//data:"username=zhansgan&age=18" ，get方式傳遞參數

　　　　　　data:{

　　　　　　　　　　"username":zhangsan

　　　　　　　　　　age：18

　　　　　　　　}，

　　　　　　success：function(data){   //響應成功後執行的參數  data，爲響應回來的數據

　　　　　　　　}

　　　　})

}

　　還有直接對get和post方式進行請求，這裏就不進行一一介紹了。

　　　　$post("url","「請求參數，funcatin(),響應的結果類型)

 

　　如今最流行的應該是axsor方法進行異步請求

　　　　　axiosr方式

　　　axisor.post("請求的url"，請求的參數能夠爲json格式，).then((res)=>{//請求成功的回調

 

 

　　}).catch((erro)=>{//請求失敗的回調

 

　　})

　　　　　　　　

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 Asynchronous javaScript and XML 異步的JavaSCript和xml