1v1视频软件源码，通过jsonp跨域的代码分析

1v1视频软件源码，通过jsonp跨域的代码分析
通常为了减轻1v1视频软件源码web服务器的负载，我们把js、css，img等静态资源分离到另一台独立域名的服务器上，在html页面中再通过相应的标签从不同域名下加载静态资源，而被浏览器允许，基于此原理，我们可以通过动态创建script，再请求一个带参网址实现跨域通信。缺点：只支持GET请求。

原生实现：

<script>
 var script = document.createElement('script');
 script.type = 'text/javascript';
 
 // 传参并指定回调执行函数为onBack
 script.src = 'http://www.demo2.com:8080/login?user=admin&callback=onBack';
 document.head.appendChild(script);
 
 // 回调执行函数
 function onBack(res) {
     alert(JSON.stringify(res));
 }
 </script>

 

服务端返回如下（返回时即执行全局函数）：

onBack({"status": true, "user": "admin"})

 

jquery ajax：

$.ajax({
 url: 'http://www.demo2.com:8080/login',
 type: 'get',
 dataType: 'jsonp',  // 请求方式为jsonp
 jsonpCallback: "onBack",    // 自定义回调函数名
 data: {}
});

 

vue.js：

this.$http.jsonp('http://www.demo2.com:8080/login', {
 params: {},
 jsonp: 'onBack'
}).then((res) => {
 console.log(res); 
})

 

以上就是1v1视频软件源码，通过jsonp跨域的代码分析， 更多内容欢迎关注之后的文章