码迷,mamicode.com
首页 > Web开发 > 详细

Ajax跨域

时间:2017-08-23 00:37:09      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:请求方式   mod   结果   pen   port   es2017   indent   XML   play   

 

产生原因:同源策略

思路:同源策略不限制 script 的传递,所以实际上用 script 里的 function 来传递数据
如下方模拟例子实际上传递了一个  
<script>
    var onetest = function(){
        {"success":true };
    }
<script>
 
 

模拟

1. 安装两个tomcat   修改 conf 下的 server.xml 端口设置为不同的端口
技术分享
 需要注意的是,tomcat 本身也会修改端口,所以需要在 open 项里的 Ports 中,也做相应修改
技术分享
 
2. 一个应用(A)提供响应,一个应用(B)用ajax发起请求
 
技术分享

 技术分享
 
3. 查看结果,出现了,同源策略
技术分享
 

 4. 修改请求方式
技术分享
 响应方式略作修改
技术分享
 
5. 再次查看结果
技术分享
 成功!
 
6. 其他
 
测试下来,jsonp :"callback" 不写也可以
技术分享
 浏览器上响应为
技术分享

Ajax跨域

标签:请求方式   mod   结果   pen   port   es2017   indent   XML   play   

原文地址:http://www.cnblogs.com/how-do/p/7414157.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!