javascript - 带有 ? 选项的 json 文件 404

Question

我正在尝试制作一个可以过滤到预期年份的布告栏。我打算将数据添加到 json 并使用 ?userId= 过滤它。如果我删除 .json 并尝试使用 ?userId=1 或类似的，则会收到 404 错误。如果我离开 .json 并添加 ?userId= var 然后打开 json 但显示所有条目。下面是我的代码：

function getPosts(option){

  fetch('linktojson/file.json' + option)
  .then(status)
  .then(json)
  .then(function(dataList) {
    getData = dataList;
    var divReply = $(".reply")
    divReply.empty();

    dataList.forEach(function(data){
      var post = $('<p class="post"/>');  
      var divTitle = $('<div class="title"/>').append(data.title);
      var divBody = $('<div class="body"/>').append(data.body)

      divReply.append(post.append(divTitle,divBody));

    });

  })
  .catch(function(error) {
    console.log('Fetch Post Error :-S', error);
  });
}

如果我手动浏览到我的 .json 并添加 ?userId 我也会收到 404 错误。json代码如下：

[
    {
      "userId": 1,
      "id": 1,
      "title": "whole school 1",
      "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
    },
    {
      "userId": 2,
      "id": 2,
      "title": "year 7",
      "body": "est rerum tempore vitae\nsequi sint nihil reprehenderit dolor beatae ea dolores neque\nfugiat blanditiis voluptate porro vel nihil molestiae ut reiciendis\nqui aperiam non debitis possimus qui neque nisi nulla"
    },
    {
      "userId": 3,
      "id": 3,
      "title": "Test year 8",
      "body": "1234"
    }
 ]

老实说，我已经超出了我的深度。任何帮助表示赞赏。

标签： javascriptjson