angularJS通过jsonp实现跨域访问

快来打我* 2022-09-21 15:20 176阅读 0赞

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app="myApp" ng-controller="customersCtrl"> <ul> <li ng-repeat="x in names"> { { x.Name + ', ' + x.Country }} </li> </ul> </div> <script> var app = angular.module('myApp', []); app.controller('customersCtrl', function ($scope, $http) { myUrl = "http://ctb.qingguo.com/mobile/msetuserinfo?uid=11444915&orgcode=100015&callback=JSON_CALLBACK"; $http.jsonp(myUrl).success( function (response) { console.log(response); alert(response.result); alert(response.data.length); alert(response.desc); // alert(response[0].list); }); }); </script> </body> </html>

jsonp返回的是一个类似于函数内容的东西，在原有的json上面加了个外壳，但具体格式还是json的格式。

通过`console.log` 查看其结构，大致如下：

![这里写图片描述][20160623192108396]

可以使用某一具体的节点，然后就可以解析出来具体值。如`alert(response.result);` ，显示的内容是 `E_SUCCESS`

如何批量转换成可使用数组，目前还在找资料……这个坑，只能挖到这里了。

其中部分资料参考下面博客的内容，感谢大神的分享精神。

[我是链接][Link 1]

[20160623192108396]: /images/20220721/e9384b09c57a4e2d86199e20b820a749.png
[Link 1]: http://www.cnblogs.com/taoweiji/archive/2013/08/11/3251315.html

发表评论取消回复

表情：

评论列表（有 0 条评论，176人围观）

还没有评论，来说两句吧...

相关阅读

相关 angularJS通过jsonp实现跨域访问

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.

快来打我*/ 2022年09月21日 15:20/ 0 赞/ 177 阅读

相关 jsonp实现json数据跨域访问

为什么会出现json数据跨域访问限制？这是因为所有支持Javascript的浏览器都会使用同源策略这个安全策略。看看百度的解释：同源策略，它是由Netscape提出

冷不防/ 2022年07月16日 09:25/ 0 赞/ 183 阅读

相关 jsonp跨域

我是做的一个跨站显示信息！！鄙人文化不高，代码不严谨，仅供参考！题目：用户在a站访问过的商品足迹可以在登录b站之后查看足迹！首先创建两个域名www.a.com

谁借莪１个温暖的怀抱￠/ 2022年07月15日 13:52/ 0 赞/ 253 阅读

相关 AngularJs服-jsonp解决跨域问题

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

ゝ一世哀愁。/ 2022年07月12日 07:06/ 0 赞/ 159 阅读

相关 jsonp跨域

jsonp跨域 Web页面上调用js文件时则不受是否跨域的影响（不仅如此，我们还发现凡是拥有”src这个属性的标签都拥有跨域的能力，比如`<script>、<img>、<

た入场券/ 2022年07月12日 02:26/ 0 赞/ 318 阅读

相关 JSONP跨域

$.getJSON("http://172.16.1.192:8081/common/common/getProjectList?date=1490776290436"

比眉伴天荒/ 2022年06月18日 04:10/ 0 赞/ 270 阅读

相关 jQuery+Ajax+jsonp+java实现跨域访问

前端： $.ajax({ type:"GET", url:"http://www.deardull.c

╰半夏微凉°/ 2022年06月04日 02:49/ 0 赞/ 258 阅读

相关 JSONP跨域访问

Http协议中除去带src属性的标签外(img,js,iframe)，其他标签跨域访问是不允许的，但在电商系统中许多业务功能需要分布部署以提高系统稳定性与并发访问量。使用js可

女爷i/ 2022年03月22日 13:55/ 0 赞/ 328 阅读

相关 jsonp跨域

1 (function(window, document, undefined) { 2 'use strict'; 3 var jsonp

╰半橙微兮°/ 2021年12月24日 02:17/ 0 赞/ 395 阅读

相关 jsonp跨域

域指的就是域名。域名对应的是一个IP地址。域名与IP地址的对应关系存储在域名服务器上。（DNS）所谓跨域　　1.就是跨域名，跨端口，跨协议

Love The Way You Lie/ 2021年09月20日 14:10/ 0 赞/ 486 阅读