2016-05-23 83 views
0

我正在用AngularJS开发一个简单的应用程序,并且我想要动态获取价格的值,所以我想对另一个JSON进行JSON调用,我不确定这是否可能!JSON如何调用另一个JSON

这是我data.json:

[{ 
     "name": "city A", 
     "elements": [{ 
      "id": "c01", 
      "name": "name1", 
      "price": "15", 
      "qte": "10" 
     }, { 
      "id": "c02", 
      "name": "name2", 
      "price": "18", 
      "qte": "11" 
     }, { 
      "id": "c03", 
      "name": "name3", 
      "price": "11", 
      "qte": "14" 
     }], 
     "subsities": [{ 
      "name": "sub A1", 
      "elements": [{ 
      "id": "sub01", 
      "name": "nameSub1", 
      "price": "1", 
      "qte": "14" 
      }, { 
      "id": "sub02", 
      "name": "nameSub2", 
      "price": "8", 
      "qte": "13" 
      }, { 
      "id": "sub03", 
      "name": "nameSub3", 
      "price": "1", 
      "qte": "14" 
      }] 
     }, { 
      "name": "sub A2", 
      "elements": [{ 
      "id": "ssub01", 
      "name": "nameSsub1", 
      "price": "1", 
      "qte": "7" 
      }, { 
      "id": "ssub02", 
      "name": "nameSsub2", 
      "price": "8", 
      "qte": "1" 
      }, { 
      "id": "ssub03", 
      "name": "nameSsub3", 
      "price": "4", 
      "qte": "19" 
      }] 
     }, { 
      "name": "sub A3", 
      "elements": [{ 
      "id": "sssub01", 
      "name": "nameSssub1", 
      "price": "1", 
      "qte": "11" 
      }, { 
      "id": "sssub02", 
      "name": "nameSssub2", 
      "price": "2", 
      "qte": "15" 
      }, { 
      "id": "sssub03", 
      "name": "nameSssub3", 
      "price": "1", 
      "qte": "15" 
      }] 
     }] 
     }, { 
     "name": "city B", 
     "elements": [{ 
      "id": "cc01", 
      "name": "name11", 
      "price": "10", 
      "qte": "11" 
     }, { 
      "id": "cc02", 
      "name": "name22", 
      "price": "14", 
      "qte": "19" 
     }, { 
      "id": "cc03", 
      "name": "name33", 
      "price": "11", 
      "qte": "18" 
     }] 
     }, { 
     "name": "city C", 
     "elements": [{ 
      "id": "ccc01", 
      "name": "name111", 
      "price": "19", 
      "qte": "12" 
     }, { 
      "id": "ccc02", 
      "name": "name222", 
      "price": "18", 
      "qte": "17" 
     }, { 
      "id": "ccc03", 
      "name": "name333", 
      "price": "10", 
      "qte": "5" 
     }] 
     }] 

,我想从这个网址得到价格的价值:url json

我想要做的事,如:

[{ 
      "name": "city A", 
      "elements": [{ 
       "id": "c01", 
       "name": "name1", 
       "price": "prix_diesel",/*prix_diesel is an attribute in json url I want to extract its value here.*/ 
       "qte": "10" 
      }, { 
       "id": "c02", 
       "name": "name2", 
       "price": "18", 
       "qte": "11" 
      }, { 
       "id": "c03", 
       "name": "name3", 
       "price": "11", 
       "qte": "14" 
      }], 
      "subsities": [{ 
       "name": "sub A1", 
       "elements": [{ 
       "id": "sub01", 
       "name": "nameSub1", 
       "price": "1", 
       "qte": "14" 
       }, { 
       "id": "sub02", 
       "name": "nameSub2", 
       "price": "8", 
       "qte": "13" 
       }, { 
       "id": "sub03", 
       "name": "nameSub3", 
       "price": "1", 
       "qte": "14" 
       }] 
      }, { 
       "name": "sub A2", 
       "elements": [{ 
       "id": "ssub01", 
       "name": "nameSsub1", 
       "price": "1", 
       "qte": "7" 
       }, { 
       "id": "ssub02", 
       "name": "nameSsub2", 
       "price": "8", 
       "qte": "1" 
       }, { 
       "id": "ssub03", 
       "name": "nameSsub3", 
       "price": "4", 
       "qte": "19" 
       }] 
      }, { 
       "name": "sub A3", 
       "elements": [{ 
       "id": "sssub01", 
       "name": "nameSssub1", 
       "price": "1", 
       "qte": "11" 
       }, { 
       "id": "sssub02", 
       "name": "nameSssub2", 
       "price": "2", 
       "qte": "15" 
       }, { 
       "id": "sssub03", 
       "name": "nameSssub3", 
       "price": "1", 
       "qte": "15" 
       }] 
      }] 
      } 
      ...... 
      ...... 
      ] 

我把它设置在我的plunkr中:plunkr

我搜索和我发现如果我想从URL获取数据,我需要一个XMLHttpRequest(使用Angular,我可以使用$ http.get)。但是在这里我使用的是调用另一个JSON文件的JSON,所以我该如何解决这个问题?请你有任何想法!

+0

不,这是不可能的。当你分配给一个变量,你可以做 var price = {“prix”:{“prix_diesel”:“8.25”,“prix_essence”:“10.14”,“prix_aditive”:“8.80”}}; var list = {...,“price”:parseFloat(price.prix_diesel)}' – mplungjan

回答

3

你不能。 JSON不是一种编程语言,而是数据传输的开放标准。

但是,您可以做的是从第一个文件中的第二个文件引用一个对象。举个例子:

[{ 
    "name": "city A", 
    "elements": [{ 
     "id": "c01", 
     "name": "name1", 
     "price": "prix_diesel", 
     "qte": "10" 
    }] 
    // Simplified 
}] 

从你的URL的JSON:

{ 
    "prix": { 
     "prix_diesel": "8.25", 
     "prix_essence": "10.14", 
     "prix_aditive": "8.80" 
    } 
} 

现在写一个JS功能,发现您的第一个JSON文件prix_diesel参考,并期待在JSON该键的值来自网址8.25

一个例子是与此类似:

for (var element of myJson.elements) { 
    var reference = element.price; // prix_diesel 
    var referenceValue = jsonFromUrl.prix[reference]; // 8.25 
} 

这将查找基于其参考的元素,以所有的价格(这实际上是在你的第二个JSON关键的只是名字)。


一个方面,我注意到你的URL的JSON应该被登录功能保护。但是,就像您在自己的帖子中演示的那样,使用正确的端点,无需登录即可轻松访问数据。如果这是您拥有的产品,并且您不希望此数据公开可用,那么我建议寻找一种防止未登录的用户请求数据的解决方案。看看passportjs.org

+0

感谢您的有用答案,请您可以将这个设置在一个蹲点 – Abderrahim

0

我叉你plunker加载第二JSON,你可以得到它像后(改变你的data.json太)

(代码是一样的东西“prix_diesel”,它是在更新JSON)

function getPrice(code){ 
     return priceData.prix[code]; 
     } 

updated