首页 > 其他 > 详细

处理跨域的方式

时间:2016-08-27 23:15:36      阅读:195      评论:0      收藏:0      [点我收藏+]

  JavaScript出于安全方面的考虑,不予许跨域调用其他页面的对象,即JavaScript同源策略的限制

一、代理

  在同域名的web服务器端创建一个代理。

  什么是代理?举例:

    a服务器(域名:www.a.com)(非跨域)

    b服务器(域名:www.b.com)(跨域)

  调用跨域的服务 www.b.com/service.php 时,在a服务器上创建一个服务 www.a.com/proxy-bservice.php,由这个服务从后端去访问 www.b.com/service.php 服务,将响应值获取过来,返回给前端。

  在这里,www.a.com 做了一个代理,前端只需要访问 www.a.com/proxy-bservice.php 就相当于访问 www.b.com/service.php

  服务代理属于后端技术,具体实现就厚脸皮的交给后台的大大们了。

 

二、JSONP

  JSONP一般用于解决主流浏览器的跨域数据访问问题。原理:

  在 www.a.com 页面中:

  <code>

  <script>

    function jsonp (json) {

      console.log(json[‘name‘]);

    }

  </script>

  <script src="http://www.b.com/jsonp.js"></script>

  </code>

  在 www.b.com 页面中:

  <code>jsonp({‘name‘: ‘666‘, ‘age‘: ‘23‘});</code>

 

处理跨域的方式

原文:http://www.cnblogs.com/mz1680/p/5813984.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!