jsonp跨域请求豆瓣api封装实例

<script>
function jsonp(url, arg , fn){
// 1.动态创建script标签，设置src属性
var srpt  = document.createElement('script')
// srpt.src = ''
// url?callback=方法名&page=1&cout=10

// 1.1 拼接url中的参数
var queryString = ''  // 这个变量保存参数的字符串形式
for(var key in arg){
queryString += key + '=' + arg[key] + '&'
}

// 不能写死，我们就动态创建方法名
// 随机生成字符
var funName = 'fun_'+ Math.random().toString().substr(3) // fun_0.121212

window[funName] = fn

url += '?' + queryString

// 1.2 设置callback参数，并创建方法

url += 'callback=' + funName

srpt.src = url
// 2.把得到的script标签添加到dom上去
document.body.appendChild(srpt)
}

// 使用,url:'',arg:{}, callback
jsonp('https://api.douban.com/v2/movie/coming_soon',{start:0,count:10},
function(data){
console.log(data)
})

// 使用,url:'',arg:{}, callback
jsonp('https://api.douban.com/v2/movie/coming_soon',{start:0,count:20},
function(data){
console.log(data)
})

</script>