如何与jquery进行HTTP身份验证来验证登录系统？

Question

我想调出HTTP身份验证框来处理我的登录。但是，我想通过Ajax与我的数据库进行通信。但我不知道如何连接HTTP身份验证框与AJAX。

任何想法，如何做到这一点？还请包括例如

Answer 1

（令我惊讶的）的jQuery内置了support用于提供HTTP认证证书：

$.ajax({ 
    url: "http://example.org/", 
    username: "NAMENAMENAMENAMENAME", 
    password: "PWPWPWPWPWPWPWPWPWPW", 
    ... 
}) 

或者你可以重写XMLHttpRequest对象就像这个例子：http://dothow.blogspot.com/2009/05/http-basic-authentication-with-jquery.html

Answer 2

基本HTML：

<form id="login-form" action="/login.php" method="post"> 
    <label for="username">Username: </label> 
    <input type="text" name="username" id="username"/><br /> 

    <label for="Password">Password: </label> 
    <input type="text" name="password" id="password"/><br /> 

    <input type="submit" value="Login"/> 
</form>​ 

基本的jQuery：

$(document).ready(function() { 
    $('#login-form').bind('submit', function (e) { 
     var self = $(this); 

     // See ajax: http://api.jquery.com/jQuery.post 
     // See serialize: http://api.jquery.com/serialize() 
     jQuery.post(self.attr('action'), self.serialize(), function() { 
      if (response.success) { 
       // wooo, logged in 
      } else { 
       alert("Invalid username or password. Please try again"); 
      } 
     }, 'json'); 

     e.preventDefault(); //prevent the form being posted 
    }); 
});​ 

基本PHP：

<?php 
if ($_POST['username'] == 'Admin' && $_POST['password'] == 'letmein') { 
    echo json_encode(array('success' => true)); 
} else { 
    echo json_encode(array('success' => false)); 
}; 
?> 

数据验证的一点还是不错的。