• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    一个简单Ajax类库及使用方法实例分析

    本文实例讲述了一个简单Ajax类库及使用方法。分享给大家供大家参考,具体如下:

    ajax.js

    function Ajax(recvType){
      var aj=new Object();
      aj.recvType=recvType ? recvType.toUpperCase() : 'HTML' //HTML XML
      aj.targetUrl='';
      aj.sendString='';
      aj.resultHandle=null;
      aj.createXMLHttpRequest=function(){
      var request=false;
      //window对象中有XMLHttpRequest存在就是非IE,包括(IE7,IE8)
      if(window.XMLHttpRequest){
        request=new XMLHttpRequest();
        if(request.overrideMimeType){
          request.overrideMimeType("text/xml");
        }
      //window对象中有ActiveXObject属性存在就是IE
      }else if(window.ActiveXObject){
        var versions=['Microsoft.XMLHTTP', 'MSXML.XMLHTTP', 'Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0', 'Msxml2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];
        for(var i=0; iversions.length; i++){
          try{
            request=new ActiveXObject(versions[i]);
            if(request){
              return request;
            }
          }catch(e){
            request=false;
          }
        }
      }
        return request;
      }
      aj.XMLHttpRequest=aj.createXMLHttpRequest();
      aj.processHandle=function(){
        if(aj.XMLHttpRequest.readyState == 4){
          if(aj.XMLHttpRequest.status == 200){
            if(aj.recvType=="HTML")
              aj.resultHandle(aj.XMLHttpRequest.responseText);
            else if(aj.recvType=="XML")
              aj.resultHandle(aj.XMLHttpRequest.responseXML);
          }
        }
      }
      aj.get=function(targetUrl, resultHandle){
        aj.targetUrl=targetUrl;
        if(resultHandle!=null){
          aj.XMLHttpRequest.onreadystatechange=aj.processHandle;
          aj.resultHandle=resultHandle;
        }
        if(window.XMLHttpRequest){
          aj.XMLHttpRequest.open("get", aj.targetUrl);
          aj.XMLHttpRequest.send(null);
        }else{
          aj.XMLHttpRequest.open("get", aj.targetUrl, true);
          aj.XMLHttpRequest.send();
        }
      }
      aj.post=function(targetUrl, sendString, resultHandle){
        aj.targetUrl=targetUrl;
        if(typeof(sendString)=="object"){
          var str="";
          for(var pro in sendString){
            str+=pro+"="+sendString[pro]+"";
          }
          aj.sendString=str.substr(0, str.length-1);
        }else{
          aj.sendString=sendString;
        }
        if(resultHandle!=null){
          aj.XMLHttpRequest.onreadystatechange=aj.processHandle;
          aj.resultHandle=resultHandle;
        }
        aj.XMLHttpRequest.open("post", targetUrl);
        aj.XMLHttpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        aj.XMLHttpRequest.send(aj.sendString);
      }
      return aj;
    }
    
    

    使用方法:

    script type="text/javascript">
      var ajax = Ajax(); // 实例化对象,默认为 HTTP,如果传入 XML,返回 XML 对象
      // Ajax 的 get 方法使用说明
      /**
      * function(targetUrl, resultHandle)
      * @param string targetUrl 传递过去的 URL 地址
      * @param string resultHandle 回调函数,可选项
      */
      ajax.get('test.php?name=liruxingemail=liruxing1715@sina.com', function(data) {
        eval("var obj="+data);
        alert(obj.name);
        alert(obj.email);
      });
      // Ajax 的 post 方法使用说明
      /**
      * function(targetUrl, sendString, resultHandle)
      * @param string targetUrl 传递过去的 URL 地址
      * @param string sendString 参数值
      * @param string resultHandle 回调函数,可选项
      */
      ajax.post('test.php', 'name=liruxingemail=liruxing1715@sina.com', function(data){
        eval("var obj="+data);
        alert(obj.name);
        alert(obj.email);
      })
      // post 第二种格式,第二个参数为 Json 格式
      ajax.post('test.php', {name:'李茹星',email:'liruxing1715@sina.com'}, function(data){
        eval("var obj="+data);
        alert(obj.name);
        alert(obj.email);
      })
    /script>
    
    

    更多关于ajax相关内容感兴趣的读者可查看本站专题:《jquery中Ajax用法总结》、《JavaScript中ajax操作技巧总结》、《PHP+ajax技巧与应用小结》和《asp.net ajax技巧总结专题》

    希望本文所述对大家ajax程序设计有所帮助。

    您可能感兴趣的文章:
    • Ajax并不神秘:揭下各种Ajax控件和类库的小裤衩
    • AJAX和JSP混合使用方法实例
    • 微软ajax库的使用方法(ajax.ajaxMethod)
    • asp.net下ajax.ajaxMethod使用方法
    • jquery ajax abort()的使用方法
    • Jquery AJAX 框架的使用方法
    上一篇:编写轻量ajax组件第三篇实现
    下一篇:ajax实现服务器与浏览器长连接的功能
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    一个简单Ajax类库及使用方法实例分析 一个,简单,Ajax,类库,及,