Question

我有2个包含数据的json文件，一个显示带有数据参数的文章，另一个显示带有自己数据参数的类别列表。

文章json文件有一个属性ID，它是Category json文件中某个类别的ID。

当我加载页面时，我需要能够判断文章ID是否与类别ID相同。如果是这样，我希望类别的数据填充页面中的一些数据。

现在我所做的就是为每个json文件单独创建两个ajax请求，但我不知道如何进行比较...

Answer 1

您可以通过JSON.parse将JSON结果转换为JavaScript对象。然后迭代类别并找到您要查找的类别。

简化示例：

<div id="output"></div>

(function() {
  var JSON_Categories = '[{ "id" : "1", "text" : "Category A"}, { "id" : 2, "text" : "Category B"}]';
  var JSON_Article = '{"id" : "1", "text" : "Article Text"}';

  var categories = JSON.parse(JSON_Categories);
  var article = JSON.parse(JSON_Article);

  var outputElement = document.getElementById('output');

  categories.forEach(function (category) {
      if (category.id === article.id) {
        outputElement.textContent = category.text;
        outputElement.textContent += ': ' + article.text;
      }
  });

})();

http://codepen.io/jjd/pen/WrQNwJ?editors=101

JavaScript比较两个json文件？

1 个答案: