zoukankan      html  css  js  c++  java
  • HTML-封装原生Ajax

    function ajax(data){
        //data{data:"",dataType:"xml/json",type:"get/post",url:"",asyn:"true/false",success:funtion(){},failure:function(){}}
        //datapost={username:123,pwd=456}
        //dataGet="username=123&pwd=456"
        //第一步:创建XHR对象
        var xhr=null;
        if(window.XMLHttpRequest){//标准的浏览器
          xhr=new XMLHttpRequest();  
        }else{
          xhr=new ActiveXObject('Microsoft.XMLHTTP');
        }
        //第二步:准备发送前的一些配置参数
        var type=data.type=='get'?'get':'post';
        var url='';
        if(data.url){
            url=data.url;
            if(type=='get'){
                url+="?"+data.data+'&_t='+new Date().getTime();//(就是dataGet)
            }
        }
        var flag=data.asyn=='true'?'true':'false';
        xhr.open(type,url,flag);
        //第三步:执行发送的动作
        if(type=='get("Content-Type","application/x-www-form-urlencoded")
            xhr.send(data.data);//就是dataPost
        }
    
        //第四步:指定回调函数
        xhr.onreadstatechange=function(){
           if(this.readyState==4){
                if(this.status==200){
                     if(typeof data.success=='function'){
                         var d=data.dataType=='xml'?this.responseXML:this.responseText;
                         data.success(d);
                    }
                }else{
                      if(typeof data.failure=='function'){
                           data.failure();
                      }
                }
            }
        }
    }                    
  • 相关阅读:
    java web数据可视化
    全国疫情统计可视化地图
    数组中的学问
    软件工程第二周开课博客
    梦断代码阅读笔记1
    补充urllib
    多用户登录
    学期课后个人总结
    团队冲刺第二十六天
    团队冲刺第二十五天
  • 原文地址:https://www.cnblogs.com/xiaonangua/p/7080377.html
Copyright © 2011-2022 走看看