/Javascript/React/React fetch request with content type x-www-form-urlencoded

React fetch request with content type x-www-form-urlencoded

var details = {
    'userName': 'test@gmail.com',
    'password': 'Password!',
    'grant_type': 'password'
};

var formBody = [];
for (var property in details) {
  var encodedKey = encodeURIComponent(property);
  var encodedValue = encodeURIComponent(details[property]);
  formBody.push(encodedKey + "=" + encodedValue);
}
formBody = formBody.join("&");

fetch('https://example.com/login', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
  },
  body: formBody
})

Source: stackoverflow.com

Similar codes

0 vote326 views1 answer
Hooks developed by react native
Javascript React
0 vote322 views1 answer
React custom hook refetch data
Javascript React
1 vote353 views1 answer
React lottie player on hover
Javascript React
0 vote356 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote306 views2 answers
React hook will mount
Javascript React
0 vote337 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
0 vote429 views1 answer
No routes matched location / react router
Javascript React
0 vote316 views1 answer
Shadowcolor liners in react native
Javascript React
0 vote330 views1 answer
Page is loading from previous page scroll in reactjs
Javascript React
0 vote333 views1 answer
React-tournament-ready
Javascript React