Einfache Authentifizierung mit jQuery und Ajax verwenden

Question

Ich versuche, eine grundlegende Authentifizierung über den Browser zu erstellen, aber ich komme nicht wirklich weiter.

Wenn dieses Skript nicht da ist, übernimmt die Browser-Authentifizierung, aber ich möchte dem Browser mitteilen, dass der Benutzer im Begriff ist, die Authentifizierung vorzunehmen.

Die Adresse sollte etwa so lauten:

http://username:password@server.in.local/

Ich habe ein Formular:

<form name="cookieform" id="login" method="post">
      <input type="text" name="username" id="username" class="text"/>
      <input type="password" name="password" id="password" class="text"/>
      <input type="submit" name="sub" value="Submit" class="page"/>
</form>

Und ein Drehbuch:

var username = $("input#username").val();
var password = $("input#password").val();

function make_base_auth(user, password) {
  var tok = user + ':' + password;
  var hash = Base64.encode(tok);
  return "Basic " + hash;
}
$.ajax
  ({
    type: "GET",
    url: "index1.php",
    dataType: 'json',
    async: false,
    data: '{"username": "' + username + '", "password" : "' + password + '"}',
    success: function (){
    alert('Thanks for your comment!');
    }
});