尝试使用fetch访问响应数据

时间:2017-07-28 06:55:48

标签: javascript node.js fetch-api

我正在尝试使用fetch API从我的应用程序的前端发出请求的简单方法

let request = new Request('http://localhost:3000/add', {
    headers: new Headers({
        'Content-Type': 'text/json' 
    }),
    method: 'GET'
});

fetch(request).then((response) => {
    console.log(response);
});

我正在服务器上处理此请求,如此,

app.get('/add', (req, res) => {
    const data = {
        "number1": "2", 
        "number2": "4"
    };
    res.send(data);
});

但是,当我尝试在前端console.log(响应)上访问我的数据时,我得到以下对象

Response {type: "basic", url: "http://localhost:3000/add", redirected: false, status: 200, ok: true…}
body:(...)
bodyUsed:false
headers:Headers
ok:true
redirected:false
status:200
statusText:"OK"
type:"basic"
url:"http://localhost:3000/add"
__proto__:Response

响应正文为空。我认为这是数据出现的地方?如何有效地从服务器传递数据?

2 个答案:

答案 0 :(得分:14)

好的,这适用于我的前端

fetch(request).then((response) => {
    console.log(response);
    response.json().then((data) => {
        console.log(data);
    });
});

关键部分是承诺链的解决方案。

此处类似问题JavaScript fetch API - Why does response.json() return a promise object (instead of JSON)?

答案 1 :(得分:0)

也可以分成两个这样

svnsync