你的位置:首页 > 软件开发 > Java > AngularJs最简单解决跨域问题案例

AngularJs最简单解决跨域问题案例

发布时间:2016-05-20 10:00:04
首先我们做点准备说明,不然你明白我说的是啥意思别人不明白,就算别人明白了那总有人不明白,那你要说了,我的意思是这个说明必须要做了,答案是必须的,为了更好的方便大家理解嘛。我们以两个主域名或者一个主域名+一个二级域名为例,均可演示跨域问题。客户端 a.com服务端 b.com或者s ...

首先我们做点准备说明,不然你明白我说的是啥意思别人不明白,就算别人明白了那总有人不明白,那你要说了,我的意思是这个说明必须要做了,答案是必须的,为了更好的方便大家理解嘛。

我们以两个主域名或者一个主域名+一个二级域名为例,均可演示跨域问题。

  • 客户端 a.com
  • 服务端 b.com或者s.a.com
  • angularJs版本 V1.2.25

准备工作做得很充分嘛,就差把我们的编辑器是subline暴露出来了,这个一般人我是不告诉他滴。

有人嚷嚷了,这问题老早就有了,你现在提出来有啥意义呢?难不成你还能把花忽悠开了?嗯,我还真能把花写开了。看戏吧,我们本篇要上演的是完整版跨域实例。

接下来我们先看客户端是如何请求数据的

注意哦,我们的代码是写在a.com域名下面的

<!DOCTYPE html><html lang="en" ng-app="app"><head>  <meta charset="UTF-8">  <title></title>  <script src='/images/loading.gif' data-original="./angular.min.js"></script>  <script type="text/javascript">    var app = angular.module('app', []);    app.controller('appCtrl', ['$scope', function ($scope) {      $http({        method: 'JSONP',        url: 'http://www.b.com/test.php?callback=JSON_CALLBACK',      }).success(function (msg) {        console.log(data);      });      //或者      $http        .jsonp('http://www.b.com/test.php?callback=JSON_CALLBACK')        .success(function (msg){          console.log(msg);        });     }]);  </script></head><body></body></html>

原标题:AngularJs最简单解决跨域问题案例

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。