javascript - 使用 jQuery 和 Ajax 访问 JSON 文件

Question

我对 JS 还很陌生。现在，我的 Express 服务器上有一个 JSON 文件。我是这样做的:

const data = require('./src/data.json')


app.get('/search', function (req, res) {
  res.header("Content-Type",'application/json');
  res.json(data);
});

现在，我需要访问该 JSON 文件中的字典，以便在整个 Web 应用程序中使用该文本。我知道我需要使用 Ajax 和 jQuery，但我希望得到一些关于如何高效、轻松地做到这一点的解释。这是我的 JSON 的片段:

[{
    "name": "Il Brigante",
    "rating": "5.0",
    "match": "87",
    "cuisine": "Italian",
    "imageUrl": "/image-0.png"
}, {
    "name": "Giardino Doro Ristorante",
    "rating": "5.0",
    "match": "87",
    "cuisine": "Italian",
    "imageUrl": "/image-1.png"
}]

任何帮助将不胜感激。

Answer 1

您可以使用$.ajax函数:

$.ajax({
   dataType: "json",
   url: 'url here',
   data: data,
   success(response) {
      console.log(response);
   }
});

或者使用简写:

$.getJSON('url here', function(response) {
   console.log(response);
});

两者都可以