有哪些Ajax核心技術代碼

本篇內容主要講解“有哪些Ajax核心技術代碼”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“有哪些Ajax核心技術代碼”吧!

復制代碼 代碼如下:

<script>
    var xhr = '';
    function Ajax()
    {
        if(window.XMLHttpRequest)
        {
                var xhr = new XMLHttpRequest;//現代瀏覽器
        }else
        {
                var xhr = new ActiveXObject('Microsoft.XMLHTTP');//IE
        }
    }
    Ajax();//1.獲取Ajax對象

    xhr.onreadystatechange = function()
    {
        if(xhr.readyState == 4 && xhr.status == 200)
        {
            var data = xhr.responseText;//2.判斷狀態，接收數據(字符串形式)，后續操作
        }
    }

    //xhr.open('請求方式', '請求地址', TRUE);//3.異步傳輸連接
    //xhr.send([data]);//4.發送請求

    xhr.open('GET', 'demo.php?name=weichen&sex=0', TRUE);
    xhr.send();

    /*
    xhr.open('POST', 'demo.php', TRUE);
    xhr.setResponseHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send('name=weichen&sex=0'); 
    */

XHR對象中的成員屬性和成員方法

復制代碼 代碼如下:

{

成員屬性：
      status  　　　　　  　　服務器響應的HTTP狀態碼（如200或404）
      statusText  　　　 　　服務器響應的以字符串形式返回的HTTP狀態碼（ok或not found）
      readyState 　　　  　　瀏覽器請求的狀態碼（0到4）
      responseText  　   　  服務器響應的字符串格式的數據結果
      responseXML  　　　　服務器響應的XML格式的數據結果
      onreadystatechange   Ajax的請求事件（當readystate改變時調用的事件處理函數）
      onerror   　　　　　　 請求過程中發生錯誤時調用的Mozilla的事件處理函數
      onprogress   　　　　 內容加載后調用的mozilla的事件處理函數
      onload   　　　　　　  文檔加載完畢后調用的mozilla的事件處理函數
成員方法：
      setRequestHeader();  　　　　　　設置當前請求的header頭信息（為即將發送到服務器端的消息頭增加一個鍵/值對）
      open();  　　　　　　　　　　　　　建立一個新的請求連接（用GET、POST、URL等初始化XHR對象）
      send();  　　　　　　　　　　　　　發送一個請求（可能需要發送的數據）
      getResponseHeader("server");  　返回指定的HTTP頭的值（如server或last-modified）
      getAllResponseHeaser();  　　　　返回由換行符分割開的所有HTTP頭的字符串
      absort();  　　　　　　　　　　　　終止請求

}

到此，相信大家對“有哪些Ajax核心技術代碼”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！