Ajax--------Jquery

標籤：應用   方法   get   soft   同步   blog   操作   資訊   頁面   

AJax---------->按需發送，通過XMLHttpRequest對象向伺服器提交需要提交的東西

IE5,6不支援XMLHttpRequest對象，用ActiveX來向伺服器提交。

在實際應用中，需要判斷瀏覽器是否支援該對象，方法如下：

var xmlhttp;if(window.XMLHttpRequest){//判斷瀏覽器是否有XMLHttpRequest對象      xmlhttp = new XMLHttpRequest();  }else{      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");  }

ajax向伺服器發送請求：

var xmlhttp = new XMLHttpRequest();xmlhttp.open("method","url",async);//method:請求方式：GET/POST  url:請求資訊在伺服器中的路徑   async:同步或非同步請求（true:非同步，false：同步）xmlhttp.send();

 ajax接收伺服器發送回來的資訊（字串形式，xml形式）

$("#div").text(xmlhttp.responseText);//字串形式$("#div").text(xmlhttp.responseXML);//xml形式

 ajax中的onreadystatechange事件：該事件綁定readyState屬性，當readyState值發生改變的時候，會觸發onreadystatechange事件

readyState屬性儲存區了XMLHttpRequest的下面這幾個狀態：0---------》請求未初始化

　　　　　　　　　　　　　　　　　　　　　　　　　　  1---------》伺服器串連已建立

　　　　　　　　　　　　　　　　　　　　　　　　　　  2----------》已接收請求

　　　　　　　　　　　　　　　　　　　　　　　　　　  3----------》請求正在處理中

　　　　　　　　　　　　　　　　　　　　　　　　　　  4-----------》請求處理完成，響應已就緒

status：OK------》200

　　　　未找到頁面-------》404

當伺服器響應就緒，說明我們可以將伺服器請求的資訊展示在頁面，有如下操作：

xmlhttp.readystatechange=function(){      if(xmlhttp.readyState==4&&xmlhttp.status==200)  {               $("#div").text(xmlhttp.responseText);    }}

 

Ajax--------Jquery