从两个json文件中获取数据ajax节点

时间:2018-11-16 19:36:00

标签: node.js ajax

JSON文件src1和src2包含视频项目列表。我创建了一个网页,该网页最初将通过AJAX从src1.json和src2.json加载数据。唯一的区别是src2.json具有等级字段;我如何才能将它们组合在一起,从而在ajax中仅进行一次调用以呈现在htmlfile中?可以使用node.js和ajax吗?

src1.json

[
    {
        'id' : 67544,
        'title' : 'Title 7',
        'posttime' : '2017-03-21T10:56:11.404Z',
        'tags' : [
            'green',
            'red',
            'blue'
        ]
    },
    {
        'id' : 333,
        'title' : 'Title 9',
        'posttime' : '2017-01-01T09:01:10.404Z',
        'tags' : [
            'orange',
            'purple'
        ]
    },
    {
        'id' : 444,
        'title' : 'Title 8',
        'posttime' : '2017-03-02T07:12:00.404Z',
        'tags' : [
            'magenta',
            'red',
            'yellow'
        ]
    }
]

src2.json

[
    {
        'id' : 43423,
        'title' : ' Title 1',
        'posttime' : '2017-03-21T10:56:42.404Z',
        'rating' : 1000,
        'tags' : [
            'green',
            'red',
            'blue'
        ]
    },
    {
        'id' : 342334,
        'title' : 'Title 2',
        'posttime' : '2017-03-21T09:56:42.404Z',
        'rating' : 100,
        'tags' : [
            'orange',
            'purple'
        ]
    },
    {
        'id' : 66343,
        'title' : 'Title 3',
        'posttime' : '2017-03-21T10:52:42.404Z',
        'rating' : 30,
        'tags' : [
            'magenta',
            'red',
            'yellow'
        ]
    }
]

我尝试过:

$(document).ready(function() {
  var url = "src1.json";
  var url2 = "src1.json";

    enter code here

  $("button").click(function() {
    $.get(url, function(data) {
      $('#mydiv').append((JSON.stringify(data)));
    });
    $.get(url2, function(data) {
      $('#mydiv').append((JSON.stringify(data)));
    });

  });
});

1 个答案:

答案 0 :(得分:0)

我认为您的目标是:

  1. 加载src1.json,然后解析它。
  2. 加载src2.json,然后解析它。
  3. 将生成的数组合并为新数组。

因此,如果问题是:您可以在node.js中创建HTTP后端吗?这个问题的答案很明显:是的,可以做到。看看例如Expressjs:https://expressjs.com/,这是一个使用node.js轻松创建HTTP Web应用程序的框架。

在将文件读入内存并进行解析后,实际上用Javascript连接数组应该很简单。这样的事情应该做:

$ node
> a = [1,2,3]
[ 1, 2, 3 ]
> b = [4,5,6]
[ 4, 5, 6 ]
> a.concat(b)
[ 1, 2, 3, 4, 5, 6 ]