web-dev-qa-db-ja.com

フェッチリクエストでPOSTパラメータを渡すにはどうすればよいですか？-React Native

これは私のコードです：

componentWillMount() {
  fetch("http://10.4.5.114/localservice/webservice/rest/server.php", {
    method: 'POST',
    body: JSON.stringify({
      wstoken: 'any_token',
      wsfunction: 'any_function',
      moodlewsrestformat: 'json',
      username: 'user',
      password: 'pass',
    })
  })
  .then((response) => response.text())
  .then((responseText) => {
    alert(responseText);
  })
  .catch((error) => {
    console.error(error);
  });
}

ブラウザでは、このリクエストはトークンを返しますが、react-nativeではAndroidアプリはxmlエラーを返します。

javascriptreact-nativepostrequest
7
Isaac Gomes

これは私のために働いたもの

fetch("http://10.4.5.114/localservice/webservice/rest/server.php", {
  method: 'POST',
  headers: new Headers({
             'Content-Type': 'application/x-www-form-urlencoded', // <-- Specifying the Content-Type
    }),
  body: "param1=value1&param2=value2" // <-- Post parameters
})
.then((response) => response.text())
.then((responseText) => {
  alert(responseText);
})
.catch((error) => {
    console.error(error);
});
31
Jeferson Macedo

投稿リクエストにヘッダーを追加してみてください。

       headers: {
         'Accept': 'application/json',
         'Content-Type': 'application/json',

       },
       body: JSON.stringify({
         wstoken: 'any_token',
         wsfunction: 'any_function',
         moodlewsrestformat: 'json',
         username: 'user',
         password: 'pass',
      })
6
Santosh Sharma

Content-Typeを指定しようとしましたか？

https://facebook.github.io/react-native/docs/network.html

1
user1736525