关于javascript：使用jQuery和Ajax访问JSON文件


Using jQuery and Ajax to access JSON file

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

1
2
3
4
5
6
7
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的一个片段：

1
2
3
4
5
6
7
8
9
10
11
12
13
[{
   "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"
}]

任何帮助都将不胜感激。

相关讨论

您可以使用$.Ajax函数：

1
2
3
4
5
6
7
8
$.ajax({
   dataType:"json",
   url: 'url here',
   data: data,
   success(response) {
      console.log(response);
   }
});

或者用速记法：

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

任何一个都可以

相关讨论