阅读更多
跨域：
同一域名，不同端口
同一域名，不同协议
域名及域名对应的IP
根域名、二级域名
不同域名
首先我们需要明白，在页面上 直接发起一个跨域的ajax请求是不可以的 ， 但是，在页面上引入不同域上的js脚本却是可以的 ，就像你可以在自己的页面上使用 标签来随意显示某个域上的图片一样。
比如我在8080端口的页面上引入一个9090端口的图片：可以看到直接通过src跨域请求是可以的。
即a 域的js不能直接访问 b域名的信息，但是script 标签的src属性可以跨域引用文件。
jsonp是请求之后后台包装好一段json，并且把数据放在一个callback函数，返回一个js文件，动态引入这个文件，下载完成js之后，会去调用这个callback,通过这样访问数据。
看调用结果，发现，请求时带的参数是：callback=showData；调用回调函数的时候，先调用了指定的showData，然后再调用了success。
缺点：
jsonp方式 不支持POST方式跨域请求，就算指定成POST方式，会自动转为GET方式；而【后端如果设置成POST方式了，那就请求不了了】。
分享到：
- 4 小时前
- 浏览 11
- 分类:Web前端
- 查看更多
评论
发表评论
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
猜你喜欢:
- 深入跨域问题 - 利用 JSONP 解决跨域
- JSONP跨域
- Ajax jsonp 跨域实例
- jQuery jsonp跨域请求
- SpringBoot跨域 Jsonp和Cors
- jsonp跨域获取数据实现百度搜索
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
AJAX HACKS中文版
帕里 / 2007-3 / 55.00元
《AJAX HACKS中文版:创建快速响应Web站点的工具和技巧》完全挖掘出了Ajax技术的优点，以手把手的方式教您如何揭开Ajax的神秘面纱。每个hack代表了完成某个特定任务的精巧方法，从而为您节省了大量的时间。 《AJAX HACKS中文版:创建快速响应Web站点的工具和技巧》搜集了80个有关Ajax技术的技巧，覆盖了该技术的所有亮点。你现在就想构建下一代Web应用吗？《AJAX HA......一起来看看 《AJAX HACKS中文版》 这本书的介绍吧!
