js方式利用Ajax技术从后台获得数据

  不使用Jquery等js类库,使用js方式创建xmlHttpRequest对象,关键是需要判断浏览器是否支持Ajax技术,然后向服务器提交请求,处理服务器返回的数据。

代码如下:

<script type="text/javascript">
  var xmlHttp=getAjaxHttp();
  window.onload = function () {  
      xmlHttp.open( "GET", "MyLianqinAction?userid=20150001", true );
   xmlHttp.onreadystatechange = updateList;     
      xmlHttp.send( null );
  };
  //Ajax回调函数
  function updateList(){
   if( xmlHttp.readyState == 4  && xmlHttp.status == 200 )
      {  
         var data=xmlHttp.responseText;  //获得从服务器返回的数据

         //对数据进行处理,显示到页面

        document.getElementById("showdata").value=data;
      }
  }
 
  //创建ajax对象
  function getAjaxHttp() {
      var xmlHttp;
      try {
          // Firefox, Opera 8.0+, Safari
          xmlHttp = new XMLHttpRequest();
          } catch (e) {
              // Internet Explorer
              try {
                  xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
              } catch (e) {
              try {
                  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
              } catch (e) {
                  alert("您的浏览器不支持AJAX!");
                  return false;
              }
          }
      }
      return xmlHttp;
  }
 </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值