zoukankan      html  css  js  c++  java
  • 封装一个类似jquery的ajax方法

    //封装一个类似jquery的ajax方法,当传入参数,就可以发送ajax请求
    //参数格式如下{
    // type:"get"/"post",
    // dataType:"json"/"jsonp",
    // url:"地址",
    // data:{key:value}
    // success:function(){
    // }
    // }
    //还需要一个跨域方法,可以访问远程服务器的数据
    
    function myAjax(obj){
        var type = obj.type || "get";
        var dataType = obj.dataType || "json";
        var url = obj.url;
        var data = obj.data ||{};
        var success = obj.success;
        //把data拼接成字符串,dataStr就是参数字符串
        var dataStr = "";
        //key=key&com=com&on=flsjfsjdfdsf
        for(var key in data){
            dataStr+=key+"="+data[key]+"&"
        }
        dataStr = dataStr.slice(0,-1);
        if(dataType=="json"){
            var xhr = new XMLHttpRequest();
            if(type=="get"){
                xhr.open("get",url+"?"+dataStr);
                xhr.send(null);
            }else if(type=="post"){
                xhr.open("post",url);
                xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
                xhr.send(dataStr)
            }
            xhr.onreadystatechange=function(){
                if(xhr.status==200&&xhr.readyState==4){
                    var json = xhr.responseText;
                    json = JSON.parse(json);
                    success(json);
                }
            }
        }else if(dataType=="jsonp"){
            //需要有一个函数名,这个函数名要保证不会重名
            var date = new Date();
            var cbname = "myJsonp"+date.getTime()+Math.random().toString().slice(2);
            //我们要把你传入success对应的函数,放在一个特定函数里面
            window[cbname]=function(data){
                success(data);
                //newScript.parentNode.removeChild(newScript);
            };
            //新建一个script标签,里面的src链接到的就是接口地址(包含参数);
            var newScript = document.createElement("script");
            if(dataStr==""){
                newScript.src = url+"&callback="+cbname;
            }else{
                newScript.src = url+"?"+dataStr+"&callback="+cbname;
            }
            document.body.appendChild(newScript);
        }
    }
  • 相关阅读:
    安装node.js webkit环境[一]
    wpf 窗口最小化后,触发某事件弹出最小化窗口并置顶
    c# 旋转图片 无GDI+一般性错误
    类库里面添加日志记录 log4net
    string转xml
    DES c#加密后java解密
    使用排序字典排序
    怎么让一段xml被识别为字符串
    新装iis 页面503错误 DefaultAppPool停止解决方案
    hession
  • 原文地址:https://www.cnblogs.com/rlann/p/6359732.html
Copyright © 2011-2022 走看看