当前位置 : 主页 > 网络编程 > JavaScript >

django-rest-framework-jwt后端验证 react-antd Form表单 登录

来源:互联网 收集:自由互联 发布时间:2021-06-30
用react-antd Form表单实现登录功能,fetch数据给后端验证 handleSubmit = (e) = { e.preventDefault(); this.props.form.validateFields((err, values) = { if (!err) { console.log('收到表单的值: ', values); } }) var formData =
用react-antd Form表单实现登录功能,fetch数据给后端验证
handleSubmit = (e) => {
    e.preventDefault();
    this.props.form.validateFields((err, values) => {
      if (!err) {
        console.log('收到表单的值: ', values);
      }
    })
    var formData = this.props.form.getFieldsValue();
    // var formData = new FormData(this.props.form)

    fetch('http://localhost:8000/api-token-auth/', {
      headers: {
        'Content-Type': 'application/json'
      },
      method: 'POST',
      body: JSON.stringify({
        username: formData.username,
        password: formData.password
      })
    }).then(res => {
      res.json().then(res => {
        if (res.token) {
          localStorage.setItem('token', res.token)
          window.location.replace('/')
        }
      })
    }).catch(err => {
      console.log('Network error')
    })
  }
网友评论