为什么jsonp只能使用get请求,是因为get的一些原因,还是post的某些原因,还是一些别的原因,我查文档说是‘这是由于该技术本身的特性所决定的’ 请问这种本身的特性是指的什么,能不能具体的说明一下。万分感谢!
闭关修行中......
JSONP 是一种【请求一段 JS 脚本,把执行这段脚本的结果当做数据】的玩法。
所以,你能 POST 一段通过 script 标签引入的脚本吗?
(如果看过 JSONP 库的源码就知道,常见的实现代码其实就是 document.createElement('script') 生成一个 script 标签,然后插 body 里而已。在这里根本没有设置请求格式的余地)。
document.createElement('script')
域名A中的JS代码AJAX请求域名为B的服务器数据,这就是跨域AJAX请求,默认情况下是不行的。
但是HTML中有地方可以跨域请求,比如img script标签,它们的src属性指向的地址可以是不在域名A下的(即跨域)。
那有人就利用了上面的特点,选择了script中src能够跨域获得内容的特性,研究出了JSONP这种hack协议。(src中请求都是GET)
那假设JSONP请求如下:
jsonp({ url: 'http://path/to/server/b', params: {A: a, B: b}, success: function myCallback (response) {} })
背后其实在进行:
拼接一个script标签,<script src="http://path/to/server/b?A=a&B=b&callbackFunctionName=myCallback"></script>,从而触发对指定地址的GET请求
<script src="http://path/to/server/b?A=a&B=b&callbackFunctionName=myCallback"></script>
那服务器端对这个GET请求进行处理,并返回字符串 "myCallback('response value')"
那前端script加载完之后,其实就是在script中执行myCallback('response value')
myCallback('response value')
是不是就完成了跨域的请求,
是不是就是只能用GET
类似于给你的页面里面动态加了一段js 代码,你觉得js文件可以post吗?
假设你请求的地址传回这么个网页.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery.min.js"></script> </head> <body> </body> </html>
浏览器拿到这个网页后需要解析, 解析到
<script src="jquery.min.js"></script>
这一行代码的时候, 就知道这里需要一个js文件, 于是再发起一个请求, 去拿这个js文件. 这个请求只能用GET方法, 不可能是POST, 就好像你在浏览器地址栏输入地址回车进入一样.
JSONP的实现原理就是创建一个script标签, 再把需要请求的api地址放到src里. 所以只能是GET的.
因为<script>标签,只支持GET
JSONP 是一种
【请求一段 JS 脚本,把执行这段脚本的结果当做数据】
的玩法。
所以,你能 POST 一段通过 script 标签引入的脚本吗?
(如果看过 JSONP 库的源码就知道,常见的实现代码其实就是
document.createElement('script')
生成一个 script 标签,然后插 body 里而已。在这里根本没有设置请求格式的余地)。域名A中的JS代码AJAX请求域名为B的服务器数据,这就是跨域AJAX请求,默认情况下是不行的。
但是HTML中有地方可以跨域请求,比如img script标签,它们的src属性指向的地址可以是不在域名A下的(即跨域)。
那有人就利用了上面的特点,选择了script中src能够跨域获得内容的特性,研究出了JSONP这种hack协议。(src中请求都是GET)
那假设JSONP请求如下:
背后其实在进行:
拼接一个script标签,
<script src="http://path/to/server/b?A=a&B=b&callbackFunctionName=myCallback"></script>
,从而触发对指定地址的GET请求那服务器端对这个GET请求进行处理,并返回字符串 "myCallback('response value')"
那前端script加载完之后,其实就是在script中执行
myCallback('response value')
是不是就完成了跨域的请求,
是不是就是只能用GET
类似于给你的页面里面动态加了一段js 代码,你觉得js文件可以post吗?
假设你请求的地址传回这么个网页.
浏览器拿到这个网页后需要解析, 解析到
这一行代码的时候, 就知道这里需要一个js文件, 于是再发起一个请求, 去拿这个js文件. 这个请求只能用GET方法, 不可能是POST, 就好像你在浏览器地址栏输入地址回车进入一样.
JSONP的实现原理就是创建一个script标签, 再把需要请求的api地址放到src里. 所以只能是GET的.
因为<script>标签,只支持GET