jsonp解决跨域问题

一、jsonp方案

1.前端发起请求方

　　1.1 定义回调函数

function handleResponse(response){
    console.log(response);
}

　　1.2 动态插入script

var script = document.createElement("script");
script.src = "https://www.xxx.cn/api?callback=handleResponse";
document.body.insertBefore(script, document.body.firstChild);

 

2.服务器端响应

　　2.1 根据查询地址中callback参数值，执行前端定义端回调函数，并讲响应数据作为参数回传

;<%=querycallback%>({'name':'Tom'})

 

分析：通过script引入静态资源方式，将服务器端输出内容作为script中引入的脚本，携带的数据作为脚本中函数的参数，此脚本执行前端预定义好的回调函数并传递参数至前端。