React 和 NodeJS：如何将数据从服务器发送到客户端？

Niklas 发表于 Dev

尼克拉斯

我想将响应数据从服务器发送到客户端。我使用带有 NextJS 和 React 的 NodeJS 服务器。

我在服务器上使用这个函数：

function addEmailToMailChimp(email) {
    var request = require("request");
    var options = {
        method: 'POST',
        url: 'https://XXX.api.mailchimp.com/3.0/lists/XXX/members',
        headers:
        {
            'Postman-Token': 'XXX',
            'Cache-Control': 'no-cache',
            Authorization: 'Basic XXX=',
            'Content-Type': 'application/json'
        },
        body: { email_address: email, status: 'subscribed' },
        json: true
    };
    request(options, function (error, response, body) {
        //if (error) throw new Error(error);
        return body; //return the body Value
    });
    return request();
}

在嵌套request()函数中，我想返回主体值......该函数将从这一点开始运行：

server.post('/', (req, res) => {
            var MailChimpError = addEmailToMailChimp(req.body.email);
            console.log(MailChimpError); 
            res.send(MailChimpError); //send data to client
            res.end("success!");
        })

我尝试将返回正文值保存在变量中，MailChimpError并尝试在服务器控制台中显示此变量。但它不起作用。这是第一个问题。

第二个问题：MailChimpError如果退出，我想将变量发送到客户端以显示一些错误。在服务器上我使用函数res.send(MailChimpError)。我handleSubmit()在客户端的功能如下所示：

handleSubmit() {
        const email = this.state.email;
        this.setState({email: ""});
        fetch('/', {
            method: 'POST',
            headers: {
              'Accept': 'application/json',
              'Content-Type': 'application/json'
            },
            body: JSON.stringify({email:email}),
          }).then((res)=> console.log(res.body)) //display the body value from server
      }

我怎样才能做到这一点？我在 Node.js 环境中的经验很少。如果您能向我展示具体的解决方案，我将不胜感激。谢谢您的回复。

苏雷什·普拉贾帕蒂

下面是使用函数响应的正确方法，addEmailToMailChimp因为它是一个异步函数。更多例子，你可以参考

我改为addEmailToMailChimp接受 acallback然后我将其request作为第二个参数传递给异步操作完成后将执行。

var request = require("request");
function addEmailToMailChimp(email, callback) {

    var options = {
        method: 'POST',
        url: 'https://XXX.api.mailchimp.com/3.0/lists/XXX/members',
        headers:
        {
            'Postman-Token': 'XXX',
            'Cache-Control': 'no-cache',
            Authorization: 'Basic XXX=',
            'Content-Type': 'application/json'
        },
        body: { email_address: email, status: 'subscribed' },
        json: true
    };
    request(options, callback);
}

在您的server.js文件中

server.post('/', (req, res) => {
    addEmailToMailChimp(req.body.email, (error, response, body) => {
        // This is the callback function which is passed to `addEmailToMailChimp`
        if(error){
            console.log('error', error);
            res.status(500).send({msg: 'Sorry, something went wrong :('})
        }
        else{
            res.status(200).send(response); //send data to client
        }

    });
})

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。