js利用script标签跨域请求

由于同源策略的限制，XmlHttpRequest只允许请求当同域下的资源，
而script标签可以通过src属性跨域访问其他域的方法，我们可以利用这个特点进行跨域请求，例如

<script src="http://suggestion.baidu.com/su?wd=关键字&amp;cb=sousuo"></script>

可以访问百度的搜索关键字接口，wd–就是要搜索的关键字，cb—就是回调函数名
响应内容不能是直接的一段json数据，而是直接执行一个js函数，也就是cb的参数名
以百度搜索为例

window.onload=function(){
    var box=document.getElementById("box");
    box.onkeyup=function(){
        var val=box.value;
        var src='http://suggestion.baidu.com/su';
        var data={'wd':val,'cb':'sousuo'};
        if(val==''){
            return false;
        };
        jsonpkim(src,data);
    };
};
function jsonpkim(src,data){
    var jsonp=document.createElement("script");
    var str='';
    for(var i in data){
        str+=i+'='+data[i]+'&';
    };
    str=str.substring(0,str.length-1);  //拼接数据
    src+='?'+str;
    jsonp.src=src;
    document.body.appendChild(jsonp);  //将script动态插入到页面中
};
function sousuo(data){  //请求成功直接执行这个函数，data就是返回的参数
    var oUl=document.getElementById('ul1');
    var html='';
    if(data.s.length){
        oUl.style.display='block';
        for(var i=0; i<data.s.length; i++){
            html+='<li><a target="_blank" href="http://www.baidu.com/s?wd='+data.s[i]+'">'+data.s[i]+'</a></li>';
        };
        oUl.innerHTML=html;
    }else{
        oUl.style.display = 'none';
    };
};