Javascript 通过JS和ajax验证用户登录

Javascript 通过JS和ajax验证用户登录,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我不知道如何进行,但想通过以下方式验证用户登录: <form onsubmit="return validateLogIn()" > and <script> function validateLogIn() { $.ajax({ url: 'login.php', //checking the login in data

我不知道如何进行,但想通过以下方式验证用户登录:

<form onsubmit="return validateLogIn()" > and

<script>       
function validateLogIn()
{
  $.ajax({                                      
  url: 'login.php',    //checking the login in                     
  data: "",                      
  dataType: 'json',                  
  success: function(data)          
  {
       continue to crud.html
  } 
  else do an alert("please lgo in again");
 }); 
}
</script>
和
函数validateLogIn()
{
$.ajax({
url:'login.php',//正在签入登录
数据:“,
数据类型:“json”,
成功:功能(数据)
{
继续访问crud.html
} 
否则发出警报(“请再次登录”);
}); 
}

我会有类似于上面的东西吗?

我个人使用
beforeSend()
在发送数据之前进行验证

$.ajax({
    url:'login.php',
    data:{username:user,password:pass},
    dataType:'json',
    beforeSend:function(xhr){
        if(user.length<7||pass.length<7){
            xhr.abort();//stop process.
            //validation failed etc
        }
     },
     success:function(result){

     }
 });
$.ajax({
url:'login.php',
数据:{用户名:用户,密码:pass},
数据类型:'json',
发送前:函数(xhr){
如果(user.length您可以使用此代码

<script>       
function validateLogIn()
{

  var username  = $("#IdOfYourUserFiled").val();
  var password  = $("#IdOfYourPasswordFiled").val();
  $.ajax({                                      
  url: 'login.php',    //checking the login in                     
  data: {username:username,password:password}, //You have to pass user inputs to next page to validate in DB            
  type: "POST",     //Method by which data being transmitted
  dataType: 'json',                  
  success: function(data)          
  {
       continue to crud.html
  } 
  else do an alert("please lgo in again");
 }); 
}
</script>
并编写查询。

尝试下面的编码

function validateLogIn()
{
  username=$("#name").val();
  password=$("#word").val();
  $.ajax({                                      
  url: 'login.php',    //checking the login in                     
  data: "name="+username+"&pwd="+password,                     
  dataType: 'json',                  
  success: function(data)          
  {
       if(data === 0){
            alert("Username or Password is incorrect");
        } else if (data == 1){
            window.open('index.php', '_self');  
        }
  } 
 }); 
}

是的。您的
login.php
将包含所有登录验证,您必须根据验证返回一个json编码的标志值。谢谢,我不确定im是否在正确的轨道上。虽然在用户点击提交按钮之前提示用户潜在错误是好的,但您也应该在服务器端验证用户数据。是的:)特别是图像和密码,如:d
function validateLogIn()
{
  username=$("#name").val();
  password=$("#word").val();
  $.ajax({                                      
  url: 'login.php',    //checking the login in                     
  data: "name="+username+"&pwd="+password,                     
  dataType: 'json',                  
  success: function(data)          
  {
       if(data === 0){
            alert("Username or Password is incorrect");
        } else if (data == 1){
            window.open('index.php', '_self');  
        }
  } 
 }); 
}