如何使用Semantic UI API创建具有json内容类型的POST请求

时间:2016-08-26 09:45:37

标签: reactjs semantic-ui

我正在使用带有语义UI的API feature下拉菜单,并希望在我的API上执行POST请求以搜索用户

默认情况下,语义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而不是{type: 'user', query: 'test'}

等真正的JSON对象有效负载

如何将带有Semantic UI API的json对象发送到我自己的POST API路由?

1 个答案:

答案 0 :(得分:3)

使用JSON.stringify

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