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

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

HTML部分:

1 <body ng-app="httpApp">
2         <ul ng-controller="httpController">
3             <li ng-repeat="(key,value) in infos">
4                 {{ key }} : {{ value}}
5             </li>
6             <span>{{num}}</span>
7         </ul>
8 </body>

javascript部分:

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

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

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

Miracle

 

时间: 2024-11-04 15:56:09

Angular $http解析通过接口获得的json数据的相关文章

Android解析中国天气网的Json数据

在Android开发中.一般的APP都是通过获取server端的数据来更新UI.从server获取到的数据能够是Json.它的数据量要比XML要小,这里解析中国天气网上获取的数据,尽管已经不再更新了.但用来学习还是能够的.为了方便我直接到数据通过txt保存到本地,它的数据能够通过这个页面获取:http://m.weather.com.cn/data/101280601.html 文件夹结构 事实上解析也非常easy.关键代码 private void json3() { InputStream

java解析从接口获取的json内容并写到excle(只写与标题匹配的值,并非把所有的接口返回值都写进去)

需求:从接口中获取的一个json数组中有多个对象,每个对象中的值并非都需要,只需查出标题中的几项对应的值即可.且还需要按某个字段排序后依次写到excel 实现方法如下: package jansonDemo; import com.alibaba.fastjson.JSON; import com.alibaba.fastjson.JSONArray; import com.alibaba.fastjson.JSONObject; import org.apache.poi.xssf.userm

使用Gson解析复杂、变态的Json数据

接口文档: app配置 接口 client/init 请求数据 json={"uid":"","sid":"","ver":"1", "request":{} } 返回数据 {"ret":0, "response":{ "tag_category":{ "中国画":{ "年代&q

android菜鸟学习笔记25----与服务器端交互(二)解析服务端返回的json数据及使用一个开源组件请求服务端数据

补充:关于PHP服务端可能出现的问题: 如果你刚好也像我一样,用php实现的服务端程序,采用的是apache服务器,那么虚拟主机的配置可能会影响到android应用的调试!! 在android应用中访问的IP都是10.0.2.2,如果在apache虚拟主机配置文件中配置了多个虚拟主机,那么将默认解析为对第一个虚拟主机的请求,所以,在调试android应用时,应该将对应的服务端所配置的那个虚拟主机放在配置文件中的第一个虚拟主机的位置.否则就会出现请求的文件不存在等的错误. 服务端返回JSON数据及

用安卓自带的原生方法解析从webservice获取的json数据

研究了oschina,获取的信息都是用xml的,感觉没json那么好,解析太复杂循环啥的,还有xml相对于json来说太多了,麻烦. 之前试过用geon还有fastjson但是老是报错.还是用原生自带的json方法.这里我来接受一组json数据 譬如我们想要获取一堆人员信息, [ {"username":"马晕","company":"albaba"}, {"username":"刘强西"

jquery 获取并解析哈工大ltp-cloud返回的json数据

ltp-cloud是一款功能强大的基于云服务平台的中文处理工具,该服务调用简单,返回结果格式多样,这里以jquery+json为例来说明.官方在github也提供了一份简单的使用示例,但是它只是获取了json格式的字符串,并没有对json数据进行解析.本文弥补了这一不足.具体代码如下: 注:本例以获取词性标注为例,您可以根据自己的需要调整调用ltp的url,相应地success方法中的解析代码也要做调整 <html> <head> <meta charset="UT

漂亮的表格样式;jQuery清楚表格所有行;js解析后台传过来的JSON数据;动态生成表格数据

一 : 先看看漂亮的表格 css代码: .mylist { width: auto; height:auto; border:1px solid #accdf4; margin-top:10px; font-family:"宋体"; font-size:12px; color:#155c9f; text-align:center; border-collapse: collapse; } .mylist th { background-color:#d0e4ff; text-align

用 SuperObject 解析淘宝上的 Json 数据 - 回复 &quot;macrolen&quot; 的问题

macrolen 给了这样一些数据, 说是用淘宝的 API 获取的 JSON 数据, 让我帮助解析: {"items_search_response":{"item_search":{"item_categories":{"item_category":[{"category_id":150708,"count":66},{"category_id":50002480

springMVC解析带有中文字符的json数据异常

最近开发遇到一个bug,异常日志为:nested exception is org.codehaus.jackson.JsonParseException: Invalid UTF-8 start byte 0xbc,从日志上可以看出,springMVC在解析json数据时,发现json数据不是utf-8的格式,这样的结果让我百思不得其解,于是经历下如下的一系列尝试,花了半天时间,才解决这个bug. 背景: 已经在web.xml中配置了如下信息: <!-- 保证请求为utf-8编码 --> &