您现在的位置: 365建站网 > 365文章 > AJAX应用的五个步骤

AJAX应用的五个步骤

文章来源:365jz.com     点击数:151    更新时间:2009-09-12 15:02   参与评论

1.建立xmlHttpRequest对象

    if(window.XMLHttpRequest){
       xmlHttp = new XMLHttpRequest();
     
      if(xmlHttp.overrideMimeType){
         xmlHttp.overrideMimeType("text/xml");
      }
   }else if(window.ActiveXobject){
       var activeName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
       for(var i=0; i<activeName.length; i++){
          try{
               xmlHttp = new ActiveXobject(activeName[i]);
              break;
          }catch(e){
          }
       }
      
   }
   if(!xmlHttp){
      alert("创建xmlhttprequest对象失败");
   }else{
    
   }

2.设置回调函数

   xmlHttp.onreadystatechange = callback;

   function callback(){}

3.使用OPEN方法与服务器建立连接  xmlHttp.open("get","ajax?name=" + name,true)

   此步注意设置http的请求方式(post/get),如果是POST方式,注意设置请求头信息xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

4.向服务器端发送数据

  xmlHttp.send(null);

  如果是POST方式就不为空

5.在回调函数中针对不同的响应状态进行处理

  if(xmlHttp.readyState == 4){
      //判断交互是否成功
      if(xmlHttp.status == 200){
        //获取服务器返回的数据
        //获取纯文本数据
        var responseText = xmlHttp.responseText;
        document.getElementById("info").innerHTML = responseText;
      }
   }

Tag标签: ajax

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (151人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号