<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://m.tkk7.com/yifeng
    >>>轉載請注明出處!<<<
    posted on 2008-08-26 02:39 憶風 閱讀(200) 評論(0)  編輯  收藏 所屬分類: Ajax
    主站蜘蛛池模板: 国产自产拍精品视频免费看| 综合在线免费视频| 亚洲av麻豆aⅴ无码电影| 亚洲色少妇熟女11p| 最近中文字幕mv手机免费高清 | 成人无遮挡毛片免费看| 亚洲人成免费电影| 成年人免费视频观看| 极品色天使在线婷婷天堂亚洲| 免费又黄又硬又爽大片| 永久免费无码网站在线观看个 | 亚洲白色白色永久观看| 999在线视频精品免费播放观看| 激情内射亚洲一区二区三区爱妻| 免费无码肉片在线观看| 99亚洲乱人伦aⅴ精品| 亚洲性日韩精品一区二区三区| 精品国产免费一区二区三区| 久久亚洲精品成人AV| 无码免费午夜福利片在线| 色天使色婷婷在线影院亚洲| 亚洲乱亚洲乱少妇无码| 精品熟女少妇a∨免费久久| 亚洲AV男人的天堂在线观看| 免费在线观看你懂的| 亚洲免费人成在线视频观看| 亚洲国产精品成人精品软件 | 日韩精品无码免费专区午夜不卡| 久久久亚洲欧洲日产国码二区| 在线观看无码AV网站永久免费| 亚洲av色香蕉一区二区三区蜜桃| 久久久久亚洲AV成人网人人网站 | 国产亚洲精品第一综合| 亚洲熟妇无码AV在线播放| 亚洲精品在线免费观看视频| 看Aⅴ免费毛片手机播放| 亚洲AV无码AV男人的天堂| 女人18毛片水最多免费观看| 成人自慰女黄网站免费大全| 亚洲人成片在线观看| 国产aⅴ无码专区亚洲av麻豆 |