如何在获取请求中传递POST参数? - React Native

时间:2017-02-02 19:49:51

标签: javascript react-native post request

这是我的代码:

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 App中返回一个xml错误。

3 个答案:

答案 0 :(得分:25)

这对我有用

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);
});

答案 1 :(得分:5)

尝试在帖子请求中添加标题。

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

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

答案 2 :(得分:1)

您是否尝试过指定内容类型?

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