<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
     

    創建XHR發送請求

    Ø 如下:

    <script type="text/javascript">

    var xmlHttp;

    //創建一個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發送請求

    Ø 如下:

    function startRequest() {

        createXMLHttpRequest();

    //注冊回調事件處理器 

        xmlHttp.onreadystatechange = handleStateChange;

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

    //和要使用的服務器URL 

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

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

        xmlHttp.send(null);

    }

    應用GET POST發送請求

    Ø 方法如下:

    方法名

    描述

    getElementById(id) (document)

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

    getElementsByTagName(name)

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

    hasChildNodes()

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

    getAttribute(name)

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

    處理服務器晌應

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

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

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

    使用innerHTML 屬性創建動態內容

    Ø 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://m.tkk7.com/yifeng
    >>>轉載請注明出處!<<<
    posted on 2008-08-26 02:39 憶風 閱讀(200) 評論(0)  編輯  收藏 所屬分類: Ajax
    主站蜘蛛池模板: 麻豆狠色伊人亚洲综合网站| 美女被爆羞羞网站在免费观看| 亚洲jjzzjjzz在线观看| 全免费a级毛片免费看| 四虎影院免费在线播放| 在线观看亚洲AV每日更新无码| 免费无码又爽又刺激聊天APP| 亚洲欧洲日产国码www| 2020因为爱你带字幕免费观看全集| 中文字幕亚洲精品| 91九色老熟女免费资源站| 亚洲一区二区三区高清视频| 无限动漫网在线观看免费| 亚洲区视频在线观看| 超pen个人视频国产免费观看| 欧洲亚洲国产精华液| 2015日韩永久免费视频播放| 亚洲天堂福利视频| 四虎影视免费在线| av午夜福利一片免费看久久| 亚洲精品国产精品乱码不99| 国产成人亚洲综合在线| 久久夜色精品国产亚洲av| 久操视频免费观看| 亚洲人成www在线播放| 亚洲av高清在线观看一区二区| 精品久久久久久国产免费了| 又爽又高潮的BB视频免费看| 两个人看的www视频免费完整版| 亚洲视频在线观看| 免费鲁丝片一级观看| eeuss影院www天堂免费| 亚洲欧洲国产日韩精品| 夫妻免费无码V看片| 中文永久免费观看网站| 亚洲一级在线观看| 亚洲色偷偷综合亚洲AV伊人| 无人视频免费观看免费视频| 又粗又硬又大又爽免费视频播放| 91精品全国免费观看青青| 亚洲国产日韩在线成人蜜芽|