簡述 AJAX 及基本步驟


簡述 AJAX:
AJAX即“Asynchronous Javascript And XML”(異步 JavaScript 和 XML),是指一種創建交互式網頁應用的網頁開發技術。
通過在后台與服務器進行少量數據交換,AJAX 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下,對網頁的某部分進行更新。

AJAX 基本步驟:

function ajax(url, fnSucc, fnFaild)
{
//1.創建Ajax對象
var oAjax=null;

if(window.XMLHttpRequest)
{
oAjax=new XMLHttpRequest();
}
else
{
oAjax=new ActiveXObject("Microsoft.XMLHTTP");
}

//2.連接服務器,
准備數據
oAjax.open('GET', url, true);
//oAjax.open(“方式”,”地址”,是否為異步);

//3.發送請求
oAjax.send();

//4.接收服務器的返回
oAjax.onreadystatechange=function ()
{
if(oAjax.readyState==4) //完成
{
if(oAjax.status==200) //成功
{
fnSucc(oAjax.responseText);
}
else
{
if(fnFaild)
fnFaild(oAjax.status);
}
}
};
}

示例:
<body>
  點擊按鈕的時候讀取ajax.txt<br>
  <input type="button" value="點擊">
  <script src="ajax.js"></script>
  <script>
  var oBtn = document.getElementsByTagName('input')[0];
  oBtn.onclick=function(){
  ajax('ajax.txt',function(str){
   alert(str);
   });
  };
  </script>
</body>

分享技術,分享快樂!
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM