Javascript 在react js中通过ajax发送数据

下面是我的react代码

var AddRecord = React.createClass({
    componentDidMount: function() {


    },
    render: function() {
        return (
         <form action="process.php" method="post">
            <table><tr><td>Enter Id</td><td><input type="text" name="Id"/></td></tr>
                   <tr><td>Enter Name</td><td><input type="text" name="name"/></td></tr>
                   <tr><td>Enter Email</td><td><input type="text" name="Email"/></td></tr>
                   <tr><td>Enter Phone</td><td><input type="text" name="Phone"/></td></tr>
                   <tr><td>Enter Marks</td><td><input type="text" name="Marks"/></td></tr>
                   <tr><td></td><td><input type="submit" name="submit" value="submit"/></td></tr>
             </table>
           </form>
        );
    }
});

React.render(<AddRecord/>, document.getElementById('form-data'));

var AddRecord=React.createClass({
componentDidMount:function（）{
},
render:function（）{
返回(
输入Id
输入名称
输入电子邮件
进入电话
输入标记
);
}
});
React.render（，document.getElementById（'form-data'）；

---

我只想在react js中以json格式通过AJAX发送这些数据。

您可以使用serialize JQuery函数在handleSumit函数中序列化代码。您也可以手动进行序列化

  <form onSubmit={this._handleSubmit}>
            <input type="text" name="Id"/>      
            <input type="text" name="name"/>
            <input type="submit" value="Submit the form"/>
  </form>

---

如果您使用JQuery执行ajax请求

我认为这是表单的

onSubmit

事件，您将传递ajax函数，而不是action属性

_handleSubmit(e){
    e.preventDefault();
  if (valid) {
   //serialize the form and send ajax request
  }
}