【问题标题】:Instead of JSON response to POST request, what are my options for React?我对 React 的选择是什么,而不是对 POST 请求的 JSON 响应?
【发布时间】:2023-04-02 04:31:01
【问题描述】:

客户端我有一个<form method="POST" action="/register">,它会进行 SQL 查询。

服务器端我有这个:

router.post('/register', function (req, res, next) {
    // code [...]
    if (!errors.isEmpty()) {
        res.render('register', {
           title: 'Registration Error',
           errors: errors.mapped()
        });
    }
}

好的,很酷,使用 ejs,我已经设法处理了不可见的传入变量 errors(请参阅下一句),但我的目标是切换到 React。现在,我设法发送了一个 json 而不是变量 errors,但这个 json 出现在开发人员工具 -> 网络选项卡中。

我注意到第三方网站正在使用带有 React 的 POST 方法,而我在网络选项卡中看不到任何 json,因此它要么被隐藏,要么使用了不同的方法。

除了对 POST 请求的 JSON 响应,我对 React 有哪些选择(或者我是否可以隐藏它)?

【问题讨论】:

    标签: json node.js reactjs post ejs


    【解决方案1】:

    如果您想在 React(或 JavaScript)中处理(POST)请求的响应,您需要通过 fetchxhr 发送请求。

    获取:https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

    XHR:https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

    【讨论】:

    • 问题是我不希望 JSON 响应出现在开发者工具 -> 网络选项卡中。
    • 据我所知,这是不可避免的。如果服务器响应它,开发工具将显示它。
    猜你喜欢
    • 1970-01-01
    • 2010-11-05
    • 1970-01-01
    • 1970-01-01
    • 2012-11-21
    • 1970-01-01
    • 2017-09-23
    相关资源
    最近更新 更多