javascript - reactjs中如何使用jquery ajax

Question

我想在 reactjs 中使用 jquery ajax。但它返回不能发布insert.php。另一个问题是我如何访问 this.state 对象和 this.setSate 成功？

class Name extends React.Component{
   constructor(){
      super();
      this.state={name:''}
  }
  btnClick=()=>{
    $.ajax({
        url:'insert.php',
        type:'POST',
        dataType:'json',
        data: JSON.stringify({me:'Hamid'}),
        success:function (data,status ,xhr) {
            alert(data.name)
        }
    })

}
render() {
    return(
        <div><span>{this.state.name}</span>
        <button type='button' onClick={this.btnClick}>show</button>
        </div>
    )
}
}

 ReactDOM.render(<Name/>,document.getElementById('root1'));

标签： javascriptjqueryreactjs

Answer 1

如果您正确导入了 jquery，它应该与 React 中的任何异步 http 调用相同：

btnClick=()=>{
    $.ajax({
        url:'insert.php',
        type:'POST',
        dataType:'json',
        data: JSON.stringify({me:'Hamid'}),
        success: (data,status ,xhr) => {
            this.setState({ name: data.name });
        }
    })