Question

我做了一个登录页面，该页面应该张贴用户名和密码。我已经使用过Axios。我将此用户名和密码包装到一个对象中（检查以下代码），但是提交后，我得到“ 201”响应。是的，它可以正常工作，但是在Chrome浏览器->网络->请求有效负载显示如下

{"name":"[object Undefined]","password":"[object Undefined]"}

这是我的代码

class UserLogin extends React.Component {
    createUser = () => {
        let getLoginName = document.getElementById('user_name');
        let getLoginPassword = document.getElementById('user_pass');
        let postData = {
            name: toString(getLoginName),
            password: toString(getLoginPassword)
        }
        axios.post('https://reqres.in/api/users', postData)
            .then((function (response) {
                console.log(response);
            }))
            .catch((function (error) {
                console.log(error);
            }))
    }

这是我的API

{
    "email": "xxx@yyy.com",
    "password": "helloworld"
}

Answer 1

尝试一下：

 let postData =  JSON.stringify({

   username: getLoginName,
   password: getLoginPassword

});

Answer 2

如果要将其作为对象发送，则需要用括号括起来，这样发送

 axios.post('https://reqres.in/api/users', {
   data: postData}).then( response => {
 console.log(response);
  })

您如何在api中请求数据？

帖子未发送对象

2 个答案: