<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-84  評論-56  文章-0  trackbacks-0
     

    創(chuàng)建XHR發(fā)送請求

    Ø 如下:

    <script type="text/javascript">

    var xmlHttp;

    //創(chuàng)建一個XMLHttpRequest對象 

    function createXMLHttpRequest() {

    // For Internet Explorer 5.5, 6, 7 

        if (window.ActiveXObject) {

            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

        } 

    // For Mozilla, Firefox, Safari, Netscape

        else if (window.XMLHttpRequest) {

            xmlHttp = new XMLHttpRequest();

        }

    }  

    </script>

    AJAX發(fā)送請求

    Ø 如下:

    function startRequest() {

        createXMLHttpRequest();

    //注冊回調事件處理器 

        xmlHttp.onreadystatechange = handleStateChange;

    //使用Open()方法初始化XMLHttpRequest對象-指定HTTP方法

    //和要使用的服務器URL 

        xmlHttp.open("GET", "innerHTML.xml", true);

    //send()方法發(fā)送該請求 

        xmlHttp.send(null);

    }

    應用GET POST發(fā)送請求

    Ø 方法如下:

    方法名

    描述

    getElementById(id) (document)

    獲取有指定唯一ID屬性值文檔中的元素

    getElementsByTagName(name)

    返回當前元素中有指定標記名的子元素的數組

    hasChildNodes()

    返回一個布爾值,指示元素是否有子元素

    getAttribute(name)

    返回元素的屬性值,屬性由name指定

    處理服務器晌應

    XMLHttpRequest 提供了兩個可以用來訪問服務器響應的屬性.

    Ø responseText :將響應提供為一個串。

    Ø responseXML:將響應提供為一個XML 對象。

    使用innerHTML 屬性創(chuàng)建動態(tài)內容

    Ø responseText + innerHtml

    服務器 "生產"或生成HTML 內容,

    瀏覽器使用 innerHTML"消費"或處理。

    DEMO responseText + innerHtml

    Ø innerHTM.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

             <head>

                       <title>Using responseText with innerHTML</title>

                       <META http-equiv=Content-Type content="text/html; charset=GBK">

    <script  type="text/javascript">

    var xmlHttp;

    function createXMLHttpRequest() {

        if (window.ActiveXObject) {

            xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

        } 

        else if (window.XMLHttpRequest) {

            xmlHttp = new XMLHttpRequest();

        }

    }  

    function startRequest() {

        createXMLHttpRequest();

        xmlHttp.onreadystatechange = handleStateChange;

        xmlHttp.open("GET", "innerHTML.txt", true);

        xmlHttp.send(null);

    }

    function handleStateChange() {

        if(xmlHttp.readyState == 4) {

            if(xmlHttp.status == 200) {                                        

                document.getElementById("results").innerHTML = xmlHttp.responseText;

            }

        }

    }

    </script>

             </head>

             <body>

                       <form  action="#">

                                please content:<input  type="button"  value="Search for Todays Activities" onclick="startRequest();" />

                                <span id="results"></span>

                       </form>

             </body>

    </html>

    Ø innerHTML.txt

    請輸入內容!!!

    Ø 輸出結果:







    作者:周大慶(zhoudaqing)
    網址:http://www.tkk7.com/yifeng
    >>>轉載請注明出處!<<<
    posted on 2008-08-26 02:39 憶風 閱讀(200) 評論(0)  編輯  收藏 所屬分類: Ajax
    主站蜘蛛池模板: 亚洲精品网站在线观看你懂的| 亚洲人成影院在线无码观看| 麻豆亚洲av熟女国产一区二| 成全在线观看免费观看大全 | 亚洲av无码片区一区二区三区| 91成人在线免费观看| 91亚洲国产成人久久精品网站 | 亚洲国产熟亚洲女视频| 91在线视频免费看| 亚洲色大成网站www久久九| 成年女人毛片免费播放人| 亚洲精品人成网线在线播放va| 在线jyzzjyzz免费视频| 亚洲国产成人久久综合| 伊在人亚洲香蕉精品区麻豆| 成人黄色免费网站| 亚洲国产成人在线视频| 天天干在线免费视频| 猫咪免费人成在线网站| 久久精品国产亚洲网站| 麻豆高清免费国产一区| 亚洲精品无码久久久久APP| 免费一级大黄特色大片| a毛片免费全部在线播放**| 亚洲高清在线mv| 午夜精品在线免费观看| 国产精品免费看久久久香蕉| 在线看片人成视频免费无遮挡| 亚洲AV网一区二区三区| 久久被窝电影亚洲爽爽爽| 曰批全过程免费视频在线观看| 亚洲欧美日韩国产成人| 国产亚洲欧洲Aⅴ综合一区| 97公开免费视频| 色窝窝亚洲AV网在线观看| 亚洲精品无码专区久久久| 黄瓜视频影院在线观看免费| 亚洲欧美在线x视频| 久久久久亚洲精品成人网小说| 成年人免费观看视频网站| 搡女人免费免费视频观看|