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);
        }
    }
  • 相关阅读:
    【大胃王】2013暴食女王巅峰战(安吉拉x三宅x正司x木下)熟肉+高能
    破解 CrackMe#1 [UBC] by bRaINbuSY
    栈实现符号平衡检测
    简单的栈
    数独算法
    win32绘图基础
    Win32基础知识整理
    Win32最简单的程序
    初学layer
    android 虚线
  • 原文地址:https://www.cnblogs.com/rlann/p/6359732.html
Copyright © 2011-2022 走看看