跨域请求的初步封装与测试

• 跨域请求的封装js代码：

function myFun(obj){
    var defaults = {
        type:"get",
        url:"#",
        data:{},
        success:function(data){}
    };
    for(var key in obj){
        defaults[key] = obj[key];
    }
    var params = "";
    for(var attr in defaults.data){
        params += attr + "=" + defaults.data[attr] + "&";
    }
    if(params){
        params = params.substring(0,params.length-1);
        defaults.url += "?" + params;
    }
    defaults.url += "&callback=hhhh";
    var script = document.createElement("script");
    script.src = defaults.url;

    window["hhhh"] = function(data){
        defaults.success(data);
    }
    var head = document.querySelector("head");
    head.appendChild(script);
}

• 跨域请求的调用测试js代码

myFun({
    url:"https://suggest.taobao.com/sug",
    data:{q:keywordValue},
    success:function(data){
        var liTag = "";
        for(var i=0;i<data.result.length;i++){
            var temp = data.result[i];
            var tesmpSug = temp[0];
            liTag += "<li>" + tempSug + "</li>";
        }
        var ulTag = document.querySelector(ul);
        ulTag.innerHTML = liTag;
    }
});