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>

AJAX入门,布布扣,bubuko.com

AJAX入门

标签：http   java   os   io   数据   ar   cti   javascript   

原文地址：http://www.cnblogs.com/blackHorseplan/p/3899114.html