javascript - Ajax 无法用于登录检查

Question

您好，我不擅长使用ajax。我想检查我的登录信息并返回“成功”或“失败”。购买我的ajax似乎有错误。

var user = $('.username').value();
var pass = $('.password').value();

$.ajax({
  type : 'POST',
  url  : 'login_check.php',
  data : {
    'username': user,
    'password': pass
  },
  beforeSend: function() {
    $("#Loading").show();
  },
  success :  function(response) {     
    if(response=="success" && response!=="fail") {
      $('.status').html("Success! Now logging in ......");
      setTimeout(' window.location.href = "index.php"; ',4000);
    } else {
      $('#Loading i').hide();
      $('.status').html("Login fail! Please use correct credentials....");
      setTimeout(' window.location.href = "login.php"; ',4000);
    }
  }
});

谁能指点一下我吗？

Answer 1

您收到错误的原因是您的 javascript 在 $('.username').value(); 处发生中断(给出错误)，因为没有 value() 函数。如果您打开控制台，您会收到此错误。因此，由于脚本的其余部分不起作用。因此，将 $('.username').value(); 更改为 $('.username').val(); ，对于 var 也是如此pass = $('.password').value(); 更改为 var pass = $('.password').val(); 并且您也不需要 if条件如评论中提到的。你的最终代码将是这样的。

var user = $('.username').val();
var pass = $('.password').val();
$.ajax({
    type: 'POST',
    url: //some url
        data: {
            'username': user,
            'password': pass,
        },
    beforeSend: function() {
        //some code
    },
    success: function(response) {
        // some code which you want to excute on success of api
    },
    error: function(xhr, status, error) {
        // some code which you want to excute on failure of api
    }
});