当前位置 : 主页 > 网页制作 > React >

react-native – 如何使用react本机应用程序将数据发送到服务器并获取响应?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我正在尝试通过使用api调用创建一个简单的登录页面来学习反应本机应用程序.我将把用户名和密码发送到api,它会给我回复.但我不能这样做.好吧,我在这里分享我的代码…… var myReques
我正在尝试通过使用api调用创建一个简单的登录页面来学习反应本机应用程序.我将把用户名和密码发送到api,它会给我回复.但我不能这样做.好吧,我在这里分享我的代码……

var myRequest = new Request('<my API >', {method: 'POST', body: '{"username":this.state.uName , "password":this.state.pwd}'});
    fetch(myRequest).then(function(response) {
        alert('Res'+response);
    }).then(function(response) {
        alert('Blank'+response);
    })
    .catch(function(error) {
        alert('Error'+error);
    });

我认为将我的用户名和密码传递给服务器的方式是错误的.请给我一些想法然后我可以理解这里有什么问题.

var data = {
   "username": this.state.username,
   "password": this.state.password
}

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

我希望这有帮助.

网友评论