前端使用JSONP与服务器交互的过程

关键概念:浏览器、服务器、回调函数
1、浏览器跨域向服务器请求数据,并传回调函数名给服务器
2、服务器生成调用该回调函数的js代码,将数据作为回调函数的参数传入。将这段代码返回给客户端
3、浏览器执行服务器返回的js代码,即调用回调函数
综上:用jsonp跨域请求数据需要服务器支持
用代码表示如下:
// 1. 客户端定义接收数据的函数
// 这个函数在收到服务器响应后会被执行
function getUser(res) {
    console.log('got it!')
    console.log(res)
    // dosome things with res
}

// 2. 客户端建立script元素,设置src: url?callback=getUser
// 
                    
                    

你可能感兴趣的:(前端)