为什么我在与节点

时间:2016-08-21 06:32:49

标签: javascript php ajax node.js reactjs

我试图通过像这样的ajax请求将插入到表单中的数据发送到服务器:

 handleUserSubmit: function(user) {
   var users = this.state.data;
   user.id = Date.now();
   var newUsers = users.concat([user]);
   this.setState({data: newUsers});
   $.ajax({
     url: this.props.url,
     dataType: 'json',
     type: 'POST',
     data: user,
     success: function(data) {
       this.setState({data: data});
     }.bind(this),
     error: function(xhr, status, err) {
       this.setState({data: users});
       console.error(this.props.url, status, err.toString());
     }.bind(this)
   });
 },

并且渲染完成为:

ReactDOM.render(
  <UserBox url="../users" pollInterval={2000} />,
  document.getElementById('data')
);

我收到这个奇怪的控制台错误:

POST http://localhost:3000/users 404 (Not Found)

由于“users”文件(假设它试图访问users.json文件是在一个级别的目录中)。我尝试了所有可能的变化:“。/ users”,“.. / users”,“#/ users”等......

此行代码错误:

url: this.props.url,

在上面给出的代码中。知道发生了什么事吗?

我的node.js代码是:

app.post('/users', function(req, res) {
  fs.readFile(USERDATA, function(err, data) {
    if (err) {
      console.error(err);
      process.exit(1);
    }
    var users = JSON.parse(data);
    var newUser = {
      id: Date.now(),
      firstname: req.body.firstname,
      lastname: req.body.lastname,
      address: req.body.address,
      phonenumber: req.body.phonenumber,
      email: req.body.email,
      licensestate: req.body.licensestate,
      licensenum: req.body.licensenum
    };
    console.log(newUser)
    users.push(newUser);
    fs.writeFile(USERDATA, JSON.stringify(users, null, 10),              

function(err) {
      if (err) {
        console.error(err);
        process.exit(1);
      }
      res.json(users);
        });
      });
     }); 

1 个答案:

答案 0 :(得分:0)

更新服务器后刷新状态