主页 / 问题 / 609805
Accepted
Александр Агапов
Asked:2021-01-01 00:33:35 +0800 CST2021-01-01 00:33:35 +0800 CST

在 React 中实现 REST API 请求

  • 772

告诉我如何实现这样的 REST API 请求： https ://dadata.ru/api/suggest/ 。我想在 React 中实现一个请求。提出对 axios 的请求。在此示例中，很难理解使用 REST API 传递哪些参数以及如何传递。

post

2 个回答

  1. Best Answer

    像这样的东西 

    axios.post(
    'https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/fio', // url
    { 'query': FIO }, // data
    {
        headers: { 
            'Content-Type':  'application/json',
            'Accept':        'application/json',
            'Authorization': 'Token ' + API_KEY
        },
        // `withCredentials` indicates whether or not cross-site Access-Control requests
        // should be made using credentials
        withCredentials: true // Может быть надо, а может быть нет
    } // config
)
.then(function (response) {
    console.log(response); // Здесь обработать ответ как надо
})
.catch(function (error) {
   console.log(error);
});

    From Reactmust receive FIO(request text)
    API_KEY- 注册时发出的密钥

    • 2

  2. 使用 jQuery 你可以这样做：

    function () {
    var _this = this;
    $.ajax({
        type: "POST",
        url: "https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/fio",
        data: {"query": "Викт"},
        contentType: "application/json",
        headers: {
            "Authorization": "Token 1234" // тут должен быть ваш токен
        },
        success: function (data) {
            _this.setState(data);
        }
    });
}

    需要将此函数添加到组件的适当处理程序中。不要忘记设置 CORS，因为您正在访问不同的域。我认为在axios下重制并不难。

    • 1

相关问题