如何使用 jquery 从 nodejs 中的 api 获取数据？答案

【问题标题】：How to fetch data from api in nodejs using jquery?如何使用 jquery 从 nodejs 中的 api 获取数据？
【发布时间】：2018-03-18 02:54:33
【问题描述】：

我正在尝试从api 获取数据以显示在前端。

我的服务器端代码是 -

app.get('/chats',function(req,res){
    User.find({}).exec(function(err,user){
          res.send(user);
   });
});

在客户端尝试使用代码获取数据

    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
    <script src="/socket.io/socket.io.js"></script>

   <script>
             $(function(){
                 console.log("response"); // not any response from here
                 $.get('/chats',function (data) {
                            console.log("reaches here"); // not any response from here
                            console.log(data);
                      });
               });
    </script>        

    </head>  
    <body>


    </body>   

    <html>

但问题是我无法从 api 获取数据。

请有人帮我解决这个问题。

【问题讨论】：

请写入错误日志。（@chrome: F12 - 控制台选项卡）
什么都不显示。
你为什么使用两个 jQuery 库？只使用一个。
首先我尝试了jquery-1.11.1.js，但它不起作用。所以我尝试了另一个，但也没有用。
如果两者都不起作用，那么您依赖于 jQuery 的代码显然不会起作用。打开您的browser's developer tools 并查找原因。

标签： javascript jquery node.js ajax

【解决方案1】：

你可以使用 fetch() 函数：

var headers = new Headers();
headers.append("key","value");

var options = {
    method: "GET",
    headers : headers,
    mode: "cors",
    cache: "default"
}

fetch('/chats', options)
.then(response => response.json())
.then(response => console.log(response))
.catch(error => console.log("Error !",error));

本例从/chats获取数据（json格式）

【讨论】：