Javascript 在API调用中,如果我单击Submit按钮打开200code成功页面其他方面打开ReactJS中的错误页面404
您好,我刚开始学习ReactJS,我已经编写了使用最终用户链接创建一个API调用的全部代码,如果我点击提交按钮打开“Success 200Code page”否则打开“404ERROR page”如何操作请您解释下面代码中的任何人以供参考Javascript 在API调用中,如果我单击Submit按钮打开200code成功页面其他方面打开ReactJS中的错误页面404,javascript,reactjs,api,http-post,Javascript,Reactjs,Api,Http Post,您好,我刚开始学习ReactJS,我已经编写了使用最终用户链接创建一个API调用的全部代码,如果我点击提交按钮打开“Success 200Code page”否则打开“404ERROR page”如何操作请您解释下面代码中的任何人以供参考 import React, { Component } from 'react'; class Regist extends Component { constructor(){ super(); this.state=
import React, { Component } from 'react';
class Regist extends Component {
constructor(){
super();
this.state={
firstName:"",
lastName:"",
password:"",
email:"",
show:false
}
}
submit(){
let url = "http://3.7.199.212:3000/api/v0/authentication/register";
let data=this.state;
fetch(url,{
method:'POST',
headers:{
"Content-Type":"application/json",
"Accept":"application/json"
} ,
body:JSON.stringify(data)
}).then((result)=>{
result.json().then((res)=>{
console.warn("res",res)
})
})
}
render(){
return(
<div>
<input type = 'text' value= {this.state.firstName} name='firstName' placeholder="FirstName"
onChange={(data)=>{this.setState({firstName:data.target.value})}}/><br/>
<input type = 'text' value= {this.state.lastName} name='lastName' placeholder="LastName"
onChange={(data)=>{this.setState({lastName:data.target.value})}}/><br/>
<input type = 'text' value= {this.state.password} name='password' placeholder="Password"
onChange={(data)=>{this.setState({password:data.target.value})}}/><br/>
<input type = 'text' value= {this.state.email} name='email' placeholder="Email"
onChange={(data)=>{this.setState({email:data.target.value})}}/><br/>
<button onClick={()=>{this.submit()}} >Submit</button>
</div>
);
}
}
export default Regist;
import React,{Component}来自'React';
类注册表扩展组件{
构造函数(){
超级();
这个州={
名字:“,
姓氏:“,
密码:“”,
电邮:“,
节目:假
}
}
提交(){
让url=”http://3.7.199.212:3000/api/v0/authentication/register";
让data=this.state;
获取(url{
方法:'POST',
标题:{
“内容类型”:“应用程序/json”,
“接受”:“应用程序/json”
} ,
正文:JSON.stringify(数据)
})。然后((结果)=>{
result.json()。然后((res)=>{
控制台警告(“res”,res)
})
})
}
render(){
返回(
{this.setState({firstName:data.target.value}}}/>
{this.setState({lastName:data.target.value}}}}/>
{this.setState({password:data.target.value}}}}/>
{this.setState({email:data.target.value}}}/>
{this.submit()}}>submit
);
}
}
导出默认注册表;
首先,欢迎来到React世界:)
您应该在构造函数上绑定submit
函数。
将其添加到构造函数
函数中:
this.submit = this.submit.bind(this);
此后,
submit(){
让url=”http://3.7.199.212:3000/api/v0/authentication/register";
让data=this.state;
获取(url{
方法:'POST',
标题:{
“内容类型”:“应用程序/json”,
“接受”:“应用程序/json”
} ,
正文:JSON.stringify(数据)
})。然后((结果)=>{
//如果请求成功,将运行下面的代码
result.json()。然后((res)=>{
控制台警告(“res”,res)
})
}).catch((错误)=>{
//否则这将运行
console.log(错误)
})
}
谢谢您的回复,实际上我的问题是,如果注册信息成功更新,我必须在window show中打开新窗口,如(弹出窗口),然后200code来了,如果它已经存在,那么在我提交注册详细信息时显示406错误窗口谢谢您的回复,实际上,我的问题是,如果注册信息成功更新,我必须在window show中打开新窗口(弹出窗口),如果已经存在信息,则200代码会以其他方式出现,然后在我提交注册详细信息时显示406错误窗口。这可能有帮助吗