ajax创建http请求失败,XHR加载失败:在AJAX请求上发布POST(在React中)(示例代码)...

我不认为React与此有任何关系,但为了以防万一,这就是我正在工作的。我在向/ login提交AJAX请求时收到错误XHR failed loading: POST。我正在尝试使用Passport JS创建一个登录路由,我知道该路由正在接收数据,因为它将console.log作为{ email: 'myemail', password: 'mypassword' }和typeof返回对象。

this.handleLoginSubmit = () => {

let xml = new XMLHttpRequest();

xml.open("POST", "/login", true);

xml.setRequestHeader('Content-Type', 'application/json; charset=utf-8');

xml.send(JSON.stringify({email: this.state.email, password: this.state.password}));

xml.onreadystatechange = () => {

if(xml.readyState === 4) {

console.log('here')

console.log(xml.response);

}

}

}

编辑这是路线:

router.post('/login', emailToLowerCase, function(req, res, next) {

passport.authenticate('local', function(err, user, info) {

if (err) {

console.log('error')

return next(err);

}

if (!user) {

return console.log('no user!')

}

req.logIn(user, function(err) {

if (err) return next(err);

console.log('logging in')

return res.send(req.user)

});

})(req, res, next);

});

编辑这是表格:

props.handleEmailChange(e.target.value)}/>

props.handlePasswordChange(e.target.value)}/>

参与评论 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值