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跨域的代码分析, 更多内容欢迎关注之后的文章