如何使用jquery从nodejs中的api获取数据?

时间:2018-03-17 17:59:44

标签: javascript jquery node.js ajax

我正在尝试从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获取数据。

请有人帮助我。

1 个答案:

答案 0 :(得分:0)

您可以使用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格式)