Javascript之Jsonp跨域

Javascript之Jsonp跨域

跨域：
由一个域名向另一个域名去发起请求，我们称之为跨域。

Jsonp
Jsonp是非官方的，但因为使用的频率和人数极高，所以仍然被使用。
Jsonp是数据外层套上一个函数调用的形式。
对后台数据来说只有一种传输，就是表单。因为Ajax是模仿表单的形式，局部提交。

奇葩用法：
html文件中<script src="03.txt"></script>可取到.txt文件中的数据。
如果在该txt文件中写上let a = "hello";再在html页面中的script标签内写上alert(a);结果会弹出hello。
以此可以证明script标签是可以加在文件的。

引入方法：

<script src="01.json.php"></script>//读取php文件，获取数据

注：
如果要获取多个不同的文件，只能应用事件动态生成。因为script标签引入只能有一个，否则冲突。

用法：

obj.onclick=function(){
	let script=document.createElement("script");
	let url="01.json.php?data=music";
	script.src=url;
	document.body.appendChild(script);
}//点击触发获取不同php文件数据

注：
因为script是用src来引入外部文件获取数据的，所以Jsonp只支持git方法，post方法无法使用。

核心：
Jsonp的核心是script读取文件与回调函数。
参数是根据情况与后端人员一起确定的。

同源策略：

所谓的 同源 是指域名、协议、端口号 相同。
跨域 简单的来说，指的是两个资源非同源。
同源策略安全性高，所以跨域智能用get，因为不安全。