React native 如何使用post url向web服务发送数据

React native 如何使用post url向web服务发送数据,react-native,React Native,我创建了react native注册页面,希望通过post请求将数据发送到web服务。我想验证web服务中的数据,可以给出如何验证的建议这里是一个简单的示例: fetch('http://justanexample.altervista.org/saveinfo.php', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'applicatio

我创建了react native注册页面,希望通过post请求将数据发送到web服务。我想验证web服务中的数据,可以给出如何验证的建议这里是一个简单的示例:

fetch('http://justanexample.altervista.org/saveinfo.php', {

method: 'POST',
  headers: { 
           'Accept': 'application/json',
           'Content-Type': 'application/json' 
           },
  body: JSON.stringify({text: "blablabla", id_product: "12"})
})

下面是一个简单的例子:

fetch('http://justanexample.altervista.org/saveinfo.php', {

method: 'POST',
  headers: { 
           'Accept': 'application/json',
           'Content-Type': 'application/json' 
           },
  body: JSON.stringify({text: "blablabla", id_product: "12"})
})

通过在项目中使用redux saga和axios,您可以很好地构造代码,而不必在js文件中使用整个获取方法。

通过在项目中使用redux saga和axios,您可以很好地构造代码,而不必在js文件中使用整个获取方法。

如果需要,您需要一个身份验证API来验证用户你有一个api然后就这么做

SignInUser=async()=>{
这是我的国家({
用户名:this.state.username,
密码:this.state.password,
})
if(this.state.username&&this.state.password!==null){
试一试{
这是我的国家({
加载:正确
})
const response=await fetch('您的API'{
方法:“POST”,
标题:{
接受:'application/json',
“内容类型”:“应用程序/json”,
},
正文:JSON.stringify({
用户名:this.state.username,
密码:this.state.password
})
});
var promisersponse=await response.json()
日志(promisersponse.token);
试一试{
等待AsyncStorage.setItem('LoginToken',JSON.stringify(promisersponse.token));
log(“异步存储中存储的令牌”);
让tokenFromAsync=等待AsyncStorage.getItem('LoginToken');
log('从异步获取令牌…')
tokenfromsync=JSON.parse(tokenfromsync)
if(tokenfromsync!==null){
log(tokenfromsync);
这是我的国家({
加载:错误
})
this.props.navigation.navigate('Tabnav');
}
}捕获(错误){
//保存错误
console.log(`ERROR occurrent${ERROR}`)
}
//this.props.navigation.navigate('Tabnav'))
}捕获(错误){
log(`无法登录${error}`)
}
}否则{
这是我的国家({
msg:“无效凭据”,
标签:“红色”
});
}

}
您需要一个身份验证API来对用户进行身份验证,如果您有API,那么只需执行此操作即可

SignInUser=async()=>{
这是我的国家({
用户名:this.state.username,
密码:this.state.password,
})
if(this.state.username&&this.state.password!==null){
试一试{
这是我的国家({
加载:正确
})
const response=await fetch('您的API'{
方法:“POST”,
标题:{
接受:'application/json',
“内容类型”:“应用程序/json”,
},
正文:JSON.stringify({
用户名:this.state.username,
密码:this.state.password
})
});
var promisersponse=await response.json()
日志(promisersponse.token);
试一试{
等待AsyncStorage.setItem('LoginToken',JSON.stringify(promisersponse.token));
log(“异步存储中存储的令牌”);
让tokenFromAsync=等待AsyncStorage.getItem('LoginToken');
log('从异步获取令牌…')
tokenfromsync=JSON.parse(tokenfromsync)
if(tokenfromsync!==null){
log(tokenfromsync);
这是我的国家({
加载:错误
})
this.props.navigation.navigate('Tabnav');
}
}捕获(错误){
//保存错误
console.log(`ERROR occurrent${ERROR}`)
}
//this.props.navigation.navigate('Tabnav'))
}捕获(错误){
log(`无法登录${error}`)
}
}否则{
这是我的国家({
msg:“无效凭据”,
标签:“红色”
});
}
}