reactjs - 如何使用 Semantic UI API 发出 json 内容类型的 POST 请求

Question

我正在使用API feature带有 Semantic UI 的下拉菜单，并且想要在我的 API 上执行 POST 请求来搜索用户

默认情况下，Semantic UI 的 API 功能发送表单数据内容类型。

为了强制使用正确的内容类型，我做了类似的事情:

receiverDropdown
    .dropdown({
        apiSettings: {
            url: '/api/search/',
            method: 'POST',
            beforeXHR: (xhr) => {
                xhr.setRequestHeader('Content-Type', 'application/json');
            },
            beforeSend: (settings) => {
                settings.data = {
                    type: 'user',
                    query: 'test'
                }
                return settings
            }
        }
    })

但数据仍然以表单数据的方式发送，例如 type=user&query=test 而不是真正的 JSON 对象有效负载，例如 {type: 'user', query: 'test '}

如何使用 Semantic UI API 将 json 对象发送到我自己的 POST API 路由？

Answer 1

使用JSON.stringify :

JSON.stringify({type: 'user', query: 'test'})