Выполнение запроса POST с использованием выборки

Question

Если вы не используете vanilla js, я всегда использовал jQuery для создания AJAX запросов. Теперь, с момента принятия React, чтобы сделать запросы AJAX, нет необходимости использовать всю библиотеку jQuery для выполнения этих запросов, поэтому нам рекомендуется использовать либо js ', встроенный в метод fetch, axios или многие другие.

Я пытался сделать запрос POST, используя fetch. Я могу сделать это с помощью axis, но не извлечения.

axios.post('https://reqres.in/api/login', { 
    "email": "peter@klaven", 
    "password": "cityslicka" 
}) 
.then(function (response) { 
    console.log(response); 
}) 
.catch(function (error) { 
    console.log(error); 
}); 

Код по Вардар выглядит так, но когда я пытаюсь что я считаю, что то же самое, используя fetch он не работает. Может ли кто-нибудь увидеть то, что мне не хватает? Значения публикуются, но API возвращает ошибку, поэтому я должен делать что-то неправильно.

var data = { 
    "email": "peter@klaven", 
    "password": "cityslicka" 
} 

fetch("https://reqres.in/api/login", { 
    method: "POST", 
    body: JSON.stringify(data) 
}) 
.then(function(response){ 
    return response.json(); 
}) 
.then(function(data){ 
    console.log(data) 
}); 

Answer 1

var headers = { 
    'Content-Type':'application/json',                         
    Access-Control-Origin': '*' 
} 

попробуйте добавить эти строки в заголовках.

var data = { 
    "email": "peter@klaven", 
    "password": "cityslicka" 
} 

fetch("https://reqres.in/api/login", { 
    method: "POST", 
    headers: headers, 
    body: JSON.stringify(data) 
}) 
.then(function(response){ 
    return response.json(); 
}) 
.then(function(data){ 
    console.log(data) 
}); 

Answer 2

Использование стрелок функции:

fetch(`http://myapi.com/user/login`, { 
     method: 'POST', 
     headers: { 
      'Accept': 'application/json', 
      'Content-type': 'application/json', 
     }, 
     body: JSON.stringify({ 
      login: login, 
      senha: password 
     }) 
    }).then(response => response.json()) 
     .then((responseJson) => console.log(responseJson)) 
    }).catch(error => console.log(error));