美文网首页
AnugularJS 的跨域

AnugularJS 的跨域

作者: GodlinE | 来源:发表于2017-06-02 11:31 被阅读0次
* 1.什么是跨域?
*   不同域名之间进行访问。
* 2.同源策略?
*   协议,主机地址,端口都一致。
*   http://localhost:8080/index
*   http://www.baidu.com
*   http://www.sina.cn
*
* 3.是谁造成了跨域?
*   是浏览器造成的跨域。
* 4.为什么会有跨域?
*   为了数据的安全。
*
* 5.你在开发当中是如何解决跨域问题?
*   jsonp解决跨域
*   往浏览器当中安装插件
*
* 5.jsonp与Ajax有关系嘛?
*   Ajax它是javascipt提供的方法,进行数据的请求。使用它,请求数据时,跨域时,拿到不数据。
*   解决跨域的一种方案。
*
* 6.jsonp原理是怎么做的?
*
*   借助标签的src属性进行数据请求。
*   1.使用src,请求数据
*     <script src="http://datainfo.duapp.com/shopdata/getGoods.php?callback=callback">
*   2.在本地声明一个方法
*      function callback(args) {
            console.log(args);
        }
    3。要在服务端要处理跨域
        $res = $_GET['callback'];
        echo $res."('我是服务的数据')";
*
* */
<script  src=""></script>
这种引用方式引用的代码会被浏览器直接执行

通过 php 桥接跨域

实际上并非跨域,用 Php 文件引入进来,同源下执行 Php 文件,所以并非跨域

$http 跨域

app.controller('myController',['$scope','$http',function($scope,$http){
        $http({
              url:'www.xxx.xx',
              method:'get',
              params:{
                      callback:'JSON_CALLBACK'
              }
        })
}])

angularJS 内部帮助做了两件事

  • 创建了一个名为 callback 的函数 function callback(){}
  • 并且使用 <script src=''></script> 方式请求数据会以get方式传递一个参数?callback=callback
  • 后台会处理这个传过来的 callback 拼接之后以 callback 函数的参数形式传递出去

相关文章

  • AnugularJS 的跨域

    通过 php 桥接跨域 实际上并非跨域,用 Php 文件引入进来,同源下执行 Php 文件,所以并非跨域 $htt...

  • 深入跨域问题(3) - 利用 JSONP 解决跨域

    深入跨域问题(1) - 初识 CORS 跨域资源共享;深入跨域问题(2) - 利用 CORS 解决跨域深入跨域问题...

  • Web前后端跨域问题处理

    跨域问题有前台跨域(iframe间)和后台跨域。 前台跨域的解决方案可以采用跨域文档通讯(Cross domain...

  • 关于设置env等环境变量的思考

    1、如何处理跨域后台处理跨域前端处理跨域浏览器处理跨域 前端本地处理跨域:代理线上跨域的处理方式:Nginx反向代...

  • 跨域问题详解分析

    参考文档 CORS详解 跨域资源共享 CORS 详解 js中几种实用的跨域方法原理详解 跨域的那些事儿 跨域与跨域...

  • 跨域问题:好几种解决方案

    跨域分为广义跨域和狭义跨域 广义跨域:一个域下的文档或脚本试图去请求另一个域下的资源; 广义跨域可以分为以下几种:...

  • SSM框架配置CORS跨域

    什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 常见的跨域场景: 跨域资...

  • 跨域

    跨域 什么是跨域: 解决跨域 通过jsonp原理:在页面引入跨域js和css时,没有存在跨域问题.因此可以动态创建...

  • 产生跨域的原因

    产生跨域的原因 浏览器的限制 跨域 XHR(XMLHttpRequest)请求 1、浏览器的限制 2、跨域 跨域概...

  • ajax readystatus=0;status=0 报错

    跨域 跨域 跨域 一定要找运维或者后台解决

网友评论

      本文标题:AnugularJS 的跨域

      本文链接:https://www.haomeiwen.com/subject/dnzyfxtx.html