Angular $http解析通过接口获得的json数据

  刚接触angular不久,对很多东西都不了解,今天需要用angular通过接口得到json数据,折腾了好久,总算是能获取到数据了,下面是部分源码,仅供参考:

HTML部分:

 <body ng-app="httpApp">
<ul ng-controller="httpController">
<li ng-repeat="(key,value) in infos">
{{ key }} : {{ value}}
</li>
<span>{{num}}</span>
</ul>
</body>

javascript部分:

 var app = angular.module('httpApp',[]);
app.controller('httpController', function ($scope,$http) {
var nprUrl = 'http://localhost:915/API/showPage/3dde3ff80b78487184d/123';
$http({
method: 'JSONP', //使用JSONP跨域
url: nprUrl + '?callback=JSON_CALLBACK' //必须加上‘?callback=JSON_CALLBACK’,得在后台处理callback,
                                   //使返回的json格式为 JSON_CALLBACK({}),我得到的不为JSON_CALLBACK,为angular.callback._0,
                                   //具体怎么用,这块没有特别明白,欢迎有了解的告知
}).success(function (data, status) {
$scope.infos = data;
}).error(function (data, status) {
// Some error occurred
});
});

  可能有错误或不恰当的地方,欢迎指正或探讨,谢谢!

--------------------------

Miracle

 

上一篇:handlebars.js的运用与整理


下一篇:Jmeter—4 添加断言 判断响应数据是否符合预期