zoukankan      html  css  js  c++  java
  • js跨域问题

    跨域:
    必须放在同一服务器下。也就是说 域名,端口号,协议 必须完全相同 那么他们就是同源的
    比如说你的当前页面是http://www.example.com/test.html,
    那么这个页面中的只能发出 http://www.example.com/ 下的请求。
    Javascript出于安全方面的考虑,不允许跨域调用其他页面的对象。什么是跨域呢?简单地理解就是因为javascript同源策略的限制,a.com域名下的js无法操作b.com或是c.a.com域名下的对象。
    跨域处理,三种方法:
    1、处理跨域方法一 代理
    通过在同域名下的web服务器端创建一个代理:
    北京服务器(域名:www.beijing.com)
    上海服务器(域名:www.shanghai.com)
    比如在北京的web服务器的后台(www.beijing.com/proxy-shanghaiservice.php)来调用上海服务器(www.shanghai.com/services.php)的服务,然后再把访问结果返回给前端,这样前端调用北京同域名的服务就和调用上海的服务效果相同了。
    2、处理跨域方式二——JSONP(只支持GET请求):
    JSONP可用于解决主流浏览器的跨域数据访问的问题。
    在www.aaa.com页面中:

    <script>
    function jsonp(json){
      alert(json["name"]);
    }
    </script>

    <script src="http;//www.bbb.com/jsonp.js"></script>
    在www.bbb.com页面中:

    jsonp({'name':'xx','age':24})

    3、处理跨域的方法三——XHR2:
    1、HTML5提供的XMLHttpRequest Level2已经实现了跨域访问以及其他的一些新功能
    2.IE10以下的版本都不支持
    3.在服务器端

    header('Access-Control-Allow-Origin:*');
    header('Access-Control-Allow-Methods:POST,GET');
  • 相关阅读:
    牛哄哄的 汉诺塔递归
    c 终端控制
    ubuntu apt源
    vim 用法
    纯js 判断表单为空 阻止 input 提交
    Yii2 文本框前加图标 input 添加属性的方法
    layer 弹窗 弹出层 iframe子页面获取父级页面id
    获取Yii2 常用 路径 目录 url
    Yii Activeform 表单
    Yii use namespace 命名空间
  • 原文地址:https://www.cnblogs.com/yangwenbo/p/10762373.html
Copyright © 2011-2022 走看看