AJAX入門

來源:互聯網
上載者:User

標籤:http   java   os   io   資料   ar   cti   javascript   

<script type="text/javascript">

function btnOnChink(){

       var  xmlhttp=new ActiveXObject("MicroSoft.XMLHTTP");//建立xmlhttp對象,相當於WebClient

       if(xmlhttp){

       alert("建立xmlhttp對象異常!");

      return false;

       }

      xmlhttp.open("POST","GetData1.ashx?ts="+new Data(),false);   //準備向伺服器上的GetData1.ashx發送POST請求

ts="+new Data()是為了每次都給伺服器傳不同的參數值,這樣瀏覽器才不會直接從緩衝中讀取post一般不會緩衝,get可能緩衝。如果參數值是中文,要進行encodeURI("中國")

 

//XMLHTTP預設(推薦)不是同步請求,也就是open方法不像WebClientDonwloadString

那樣把伺服器返回的資料拿到才返回,是非同步,因此需要監聽onreadystatechange事件

       xmlhttp.onreadystatechange=function(){

                if(xmlhttp.readState==4){         //伺服器完成響應

                           if(xmlhttp.status==200){      //如果狀態代碼為200表示成功返回資料

                            alert(xmlhttp.responseText);這裡是伺服器返回的文本

                           document.getElementById("textbox1").value=xmlhttp.responseText;//將文本返回到文字框中

                             

                            }

                            else {

                             alert("ajax伺服器返回錯誤!");

                            }

                }

         }

          xmlhttp.send();//這時才開始發送請求

}

</script>

 

 

 

以下是jquery版ajax

<script type="text/javascript">

function button1_onclick(){

             var txtbox1=$("#txtbox1").val();

             var txtbox2=$("#txtbox2").val();

             $.post("getdata.ashx",{"id":txtbox1,"name":txtbox2},function(data,textStatus){

                        if(textStatus=="success"){

                         alert("成功");

                        }

                        else{

                        alert("ajax錯誤!");

                         }

             })

}

</script>

 

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.