摘要:ajax:無刷新數據讀取,讀取服務器上的信息 ## HTTP請求方法: GET:用于獲取數據,如瀏覽帖子
Ajax基礎
ajax:無刷新數據讀取,讀取服務器上的信息
HTTP請求方法:
GET:用于獲取數據,如瀏覽帖子
ajax.judgeXmlHttpRequest('get','index.php',function(data){? ? alert(data);//這是服務器返回的數據})
POST:用于上傳數據,如用戶注冊
vardataJson = {? ? name:'ys',age:123}ajax.judgeXmlHttpRequest('post','index.php',function(data){? ? alert(data);//這是服務器返回的數據},dataJson)
GET與POST的區(qū)別:
GET:通過網址傳遞(放入url中),會將傳遞的數據放到網址上面,名字=值&名字=值
get方式容量小,安全性低,有緩存
POST:不通過網址傳遞
post容量較大,一般可達2G袜啃,安全性相對較高,沒有緩存
原生Ajax的編寫
Ajax運行步驟
創(chuàng)建一個Ajax對象
非IE6瀏覽器:
varoAjax=newXMLHttpRequest();
IE6瀏覽器:
varoAjax=newActiveXObject("Microsoft.XMLHTTP");
連接到服務器
Ajax.open(方法,文件名,異步傳輸);
阻止緩存方法:
Ajax.open('GET','a.txt?t='+newDate().getTime(),true);
同步:js中指事情必須一件一件來
異步:js中指多件事情要一起做
ajax是做異步傳輸的,并不是同步
發(fā)送請求
Ajax.send();
接收返回值
請求狀態(tài)監(jiān)控:onreadystatechange事件:當自己的Ajax與服務器之間有通訊時觸發(fā)间雀,主要通過readyState屬性來判斷結束沒有,結束了也并沒有代表成功,status屬性來判斷
readyState屬性:請求狀態(tài)
0(未初始化)還沒有調用open方法