实现思路:
jsonp的实现主要就是利用了 script 标签的src没有跨域限制来完成的,但只适用于get请求
具体实现:
封装一个jsonp函数,函数的入参为url请求地址,返回为请求响应数据
jsonp(url) {
return new Promise((resolve, reject) => {
window.jsonCallBack = (result) => {
document.getElementsByTagName("head")[0].removeChild(JSONP);
resolve(result);
};
const JSONP = document.createElement("script");
JSONP.type = "text/javascript";
JSONP.src = url;
document.getElementsByTagName("head")[0].appendChild(JSONP);
});
},
使用:
this.jsonp(`请求的url地址`).then((result) => {
console.log(result)
})