使用jQuery Ajax和PHP登录过程

Hey guys I need some help.

My problem is the error div is not displaying the content that I want it to appear in the success function of my AJAX request. I tried alerting the response and it returns true if user-name and password is correct and returns false if incorrect.

I don't know why its not working.

so this is my code

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

</head>
<body>

  <div class="container" name="main-div">
    <div id="error">
AA
    </div>
    <center>
      <div name="login-div">
      <h2>LOGIN PAGE</h2>
      <form method="post" class="login_form">
          Username: <input type="text" name="username"></br></br>
          Password: <input type="password" name="password"></br></br>
          <button type="submit"  name="button_login" id="button_login">LOGIN</button>
      </form>
      </div>
      </center>
  </div>

  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  <script>
  $(document).ready(function(){
    $("#button_login").click(function(){
      var data = $(".login_form").serialize();
      $.ajax({
        type: 'POST',
        url: 'login_process.php',
        data: data,
        beforeSend: function(){
          alert(data);
        },
        success : function(response){
          //alert(response);
          if(response=="true"){
            $("#error").html("CORRECT USERNAME AND PASSWORD")
            //window.location="home.php";
        }else{
            $("#error").html('<a>WRONG</a>');
          });
          }
        }
      });
    });
  });
  </script>
</body>
</html>

Thanks in advance

doufei8250
doufei8250 页面上是否存在id错误的元素?您是否尝试检查页面并查看内容是否已设置?什么HTML节点是#error?
大约 4 年之前 回复
dongpao5261
dongpao5261 它是一个字符串..我尝试在if语句中添加一个警告来检查它是否符合条件而且确实如此
大约 4 年之前 回复
dongtan9066
dongtan9066 它返回字符串“true”还是布尔值true?因为布尔值更有可能所以你需要从“真实”周围删除引号,并且最好使用三个相等的符号来严格检查它,这是一个好习惯。只测试console.log(typeof响应)
大约 4 年之前 回复

1个回答

There is an extra closing bracket in the script what you wrote. Try to open the page in the chrome and open the developers console to see the syntax error.

Login.html:44 Uncaught SyntaxError: Unexpected token )

I corrected the syntax as below

$(document).ready(function(){
$("#button_login").click(function(e){
e.preventDefault();
  var data = $(".login_form").serialize();
  $.ajax({
    type: 'POST',
    url: 'login_process.php',
    data: data,
    beforeSend: function(){
      alert(data);
    },
    success : function(response){
      //alert(response);
        if(response=="true"){
            $("#error").html("CORRECT USERNAME AND PASSWORD")
        //window.location="home.php";
        }else{
            $("#error").html('<a>WRONG</a>');
        }
    },
    error : function(response) {
        $("#error").html('error'+ error);
    }

  });
});

});

dougou6213
dougou6213 我更新了代码,看到ajax调用成功,检查是成功还是错误阻止。
大约 4 年之前 回复
douyun7285
douyun7285 我删除了额外的关闭括号...但它仍然没有加载。 我观察到整个页面在整个ajax请求之后刷新,该请求恢复了错误div的前一个值“AA”
大约 4 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐