jsonp解决跨域请求问题

src="url?callback=function"url后面跟着?代表第一个参数开始,&代表and(链接符) 也就是后面要再加参数.callback代表参数，后台定义的参数名称，后面函数是自己写的回调函数。JS中：JS方法一：

<script type="text/javascript">
function jsonpCallback(result) {
//console.log(result);  
for(var i in result) {
console.log(i + ":" + result[i]); //循环输出a:1,b:2,etc.  
}
}
var JSONP = document.createElement("script");
JSONP.type = "text/javascript";
JSONP.src = "url?callback=jsonpCallback";
document.getElementsByTagName("head")[0].appendChild(JSONP);
</script>

JS方法二： 

<script type="text/javascript">  
    function jsonpCallback(result) {  
        console.log(result);
        for(var i in result) {  
            alert(i+":"+result[i]);//循环输出a:1,b:2,etc.  
        }  
    }  
</script>  
<script type="text/javascript" src="url?callback=jsonpCallback"></script>

Jquery中：$.getJSON：

<script type="text/javascript">  
    $.getJSON("url?callback=?",  
    function(result) {  
        for(var i in result) {  
            alert(i+":"+result[i]);//循环输出a:1,b:2,etc.  
        }  
    });  
</script>  

$.ajax：

<script type="text/javascript">  
    $.ajax({  
        url:"url",  
        dataType:'jsonp',  
        data:'',  
        jsonp:'callback',  
        success:function(result) {  
            for(var i in result) {  
                alert(i+":"+result[i]);//循环输出a:1,b:2,etc.  
            }  
        },  
        timeout:3000  
    });  
</script>  

$.get：

<script type="text/javascript">  
    $.get('url?callback=?', {name: encodeURIComponent('tester')}, function (json) { for(var i in json) alert(i+":"+json[i]); }, 'jsonp');  
</script>  

Angularjs中：方法一：

$http.jsonp("url?callback=JSON_CALLBACK").success(function(data){
$scope.todo=data;
console.log(data);
});

方法二：

$http({
method: 'JSONP',
url: 'url?callback=JSON_CALLBACK',
}).success(function(data) {
console.log(data);
});