请问为何过本地的json文件获取数据总是获取的是promise对象

lurenzhao

老大们，新手求助：请问we过本地的json文件获取数据总是获取的是promise对象，导致无法正常解析显示。
用的是ionic tab的模板，把service.js的数据改成了http得get获取，代码如下：

1. ngular.module('starter.services', [])
   
2. 
   
3.     .factory('Chats', function ($http) {
   
4.         // Might use a resource here that returns a JSON array
   
5. 
   
6.         //alert("1");
   
7.         // Some fake testing data
   
8.         /*var chats = [{
   
9.          id: 0,
   
10.          name: 'Ben Sparrow11',
    
11.          lastText: 'You on your way?',
    
12.          face: 'img/ionic.png'
    
13.          }, {
    
14.          id: 1,
    
15.          name: 'Max Lynx',
    
16.          lastText: 'Hey, it\'s me',
    
17.          face: 'https://avatars3.githubusercontent.com/u/11214?v=3&s=460'
    
18.          },{
    
19.          id: 2,
    
20.          name: 'Adam Bradleyson',
    
21.          lastText: 'I should buy a boat',
    
22.          face: 'http://a.hiphotos.baidu.com/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=ab55cb8362d9f2d3341c2cbdc885e176/9c16fdfaaf51f3de642e4d0694eef01f3a297930.jpg'
    
23.          }, {
    
24.          id: 3,
    
25.          name: 'Perry Governor',
    
26.          lastText: 'Look at my mukluks!',
    
27.          face: 'img/ionic.png'
    
28.          }, {
    
29.          id: 4,
    
30.          name: 'Mike Harrington',
    
31.          lastText: 'This is wicked good ice cream.',
    
32.          face: 'https://pbs.twimg.com/profile_images/578237281384841216/R3ae1n61.png'
    
33.          }];*/
    
34.         var chats = null;
    
35.         var url = "js/data";
    
36.         chats = $http.get(url).success(function (response) {
    
37.             chats = response;
    
38.             console.log("1");
    
39.             console.log(response);
    
40.             return response;
    
41.         });
    
42.         console.log("2");
    
43.         console.log(chats);
    
44. 
    
45. 
    
46.         return {
    
47.             all: function () {
    
48.                 console.log("3");
    
49.                 console.log(chats);
    
50.                 return  chats;
    
51.             },
    
52.             remove: function (chat) {
    
53.                 chats.splice(chats.indexOf(chat), 1);
    
54.             },
    
55.             get: function (chatId) {
    
56.                 console.log('get'+chatId+" "+chats.length);
    
57.                 for (var i = 0; i < chats.length; i++) {
    
58.                     if (chats[i].id === parseInt(chatId)) {
    
59.                         console.log('get'+chats[i].name);
    
60.                         return chats[i];
    
61.                     }
    
62.                 }
    
63.                 return null;
    
64.             }
    
65. 
    
66.         };
    
67.         //return $http.get(url);
    
68.     });
    

复制代码

打印log的时候，发现log2->log3->log1这种顺序打印的，明明我得get函数先写的，为何log1最后执行。而且get函数外部的chats都是promise类型，无法解析显示。

跪谢！！！！

admin

打印log的时候，发现log2->log3->log1这种顺序打印的，明明我得get函数先写的，为何log1最后执行。而且get函数外部的chats都是promise类型，无法解析显示。



你要知道  这个是异步请求，就是下面的程序不会等到你get请求完成在打印的，而是先会执行


还有你上面问了一大堆 不明白是你的接口返回数据有问题还是？

lurenzhao

admin 发表于 2015-6-24 23:14
打印log的时候，发现log2->log3->log1这种顺序打印的，明明我得get函数先写的，为何log1最后执行。而且get ...

老大，您好！在get中返回的数据没有问题！由于是异步的，如果我直接使用return中得all()方法，拿到的数据就变成promise的了，并不是get中获得的普通数组类型的object，无法通过像普通数组一样解析了。有没有什么方法能让我在all()方法中得chats类型跟get中 的chats获得数据保持一致呢？

lurenzhao

admin 发表于 2015-6-24 23:14
打印log的时候，发现log2->log3->log1这种顺序打印的，明明我得get函数先写的，为何log1最后执行。而且get ...

老大，请问有什么方法能让我先把get的数据获得，再显示到界面呢？现在由于异步，导致我想通过all()显示get获取的数据无法显示呢。