AJAX大概三個步驟

來源:互聯網
上載者:User

1、定義一個AJAX請求對象,並設定接受返回結果的方法,非同步地向伺服器端請求一個網頁

2、定義一個供AJAX請求的網頁(返回結果串)

3、定義回饋方法,接收AJAX請求返回結果串(由系統調用),更新頁面上的某個地方!

三大步驟詳細代碼(用到三個控制項,兩個TextBox,一個button)

      <script language=javascript>
        var xmlObj = null;
        function do_ajax_request()
        {//定義一個AjAx請求對象,向伺服器端非同步發送Ajax請求(請求某頁),指定一個接收返回結果的回饋方法      
           if(window.XMLHttpRequest)
           {
              xmlObj = new XMLHttpRequest();
           }
           else if(window.ActiveXObject)
           {
              xmlObj = new ActiveXObject("Microsoft.XMLHTTP");
           }
           else
           {
              alert("你的IE版本太老了,請更換你的IE");
              return;
           }
          
           //指定一個接收返回結果的回饋方法
           xmlObj.onreadystatechange = do_handle_ajax;
          
           //向伺服器端非同步發送Ajax請求(請求某頁)
           xmlObj.open ('GET', 'get_talkmsg.aspx', true);//get_talkmsg.aspx是一個頁面
           xmlObj.send ('');  
        }
       
       
        function do_handle_ajax()
        {
           if(xmlObj.readyState == 4)//狀態是4時,表明返回的是結果
           {
                //alert(xmlObj.responseText);
              
               document.all("TextBox_all").value =  xmlObj.responseText;
               // alert (xmlObj.responseText);  
                  
           }
           
       }
    setInterval (do_ajax_request,1000);
    </script>

//get_talkmsg.aspx的一個LOAD事件

   protected void Page_Load(object sender, EventArgs e)
    {
        Response.ContentType = "text/plain";
        Response.Write(Application["msg"].ToString());
        Response.End();
    }

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.