jsonp的callback解决请求跨域问题

ajax请求数据时如果遇到报No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.这个错，那就是跨域了。

至于为什么会跨域我们这就不赘述了，这不是我们的重点，重点是解决大家的问题。

我们的解决办法是使用jsonp中的callback回调函数。

首先

在html页面中写一个<script src=""></script>

src里面就填我们的请求地址和详细参数，其中callback函数放在http://XXXX.com?callback= backfunction ，url地址后的第一个参数

这个backfunction，我们要在js文件里定义一个 function backfunction(data){}

下面就清晰很多了，函数里面就是我们ajax操作success函数里的操作了。

下面是一个完整的请求过程

html

<script type="text/javascript" src="XXXX?callback=backfunction&size=5&index=1"></script>

js

function backfunction(data){    console.log(data);    for(var i in data.result){        $('#blockPage').append('<div class="list" >'+result[i].title+'<span>'+result[i].name+'</span></div>');    };};