异步更新,AJAX技术

我们浏览网页时,很多网页不用提交就更新了网页内容。这种方式改善了客户的体验,也减少了网页刷新。
AJAX技术主要通过XMLHttpRequest对象来与服务器交换数据。
下面是其实现的技术:

//创建XMLHttpRequest对象
 function createAjaxHttp()
      {
      var obj;
      if(window.XMLHttpRequest) 
       { //Mozilla 浏览器 
        obj = new XMLHttpRequest(); 
       } 
       else if (window.ActiveXObject) { // IE浏览器 
              try { 
                  obj = new ActiveXObject("Msxml2.XMLHTTP"); 
                 } catch(e){ 
                            try{ 
                              obj = new ActiveXObject("Microsoft.XMLHTTP"); 
                            } catch (e) {} 
                 } 
      } 
       return obj;
    
      }

//调用函数,str_URL为请求页面的地址
 function AjaxStart(str_URL )
   {
    xml_obj =  createAjaxHttp();
    xml_obj.open("GET", str_URL, true);     
    xml_obj.onreadystatechange = GetValue; //返回处理函数
    xml_obj.send(null); // 发送请求 
   }
   

//当有返回值时的响应函数
 function GetValue()
   {
     if(xml_obj.readyState == 4 && xml_obj.status == 200)
     {
       //返回的字符值
        alert(xml_obj.responseText); 
     }
 }

这就是AJAX技术的核心所在

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值