AJAX入門

標籤：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>