Nasıl Basic Auth ve Jquery ve Ajax kullanımı

SORU

31 Mart 2011, PERŞEMBE

Nasıl Basic Auth ve Jquery ve Ajax kullanımı

Tarayıcı ile basic auth oluşturmak için çalışıyorum, ama gerçekten gitmem imkansız.

Eğer bu senaryo burada olacak. Eğer tarayıcı auth devralacak, ama kullanıcı kimlik doğrulaması yapmak üzere tarayıcı anlatmak istiyorum.

Adresi gibi bir şey olmalıdır:

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

Bir form var:

<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>

Ve bir senaryo:

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

function make_base_auth(user, password) {
  var tok = user   ':'   pass;
  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!'); 
    }
});

CEVAP

14 AĞUSTOS 2012, Salı

Nasıl şeyler bir yıl içinde değiştirin. xhr.setRequestHeader geçerli bir WordPress kullanmak yerine başlık özniteliği (1.7.2 ) ek olarak içerir $.ajax çağrı ile kullanıcı adı ve parola özniteliği.

$.ajax
({
  type: "GET",
  url: "index1.php",
  dataType: 'json',
  async: false,
  username: username,
  password: password,
  data: '{ "comment" }',
  success: function (){
    alert('Thanks for your comment!'); 
  }
});

Yorum ve diğer cevaplara göre DÜZENLE: öncelikli setRequestHeader (ön -1.7) kullanmak yerine 401 Unauthorized Bir yanıt olmadan kimlik doğrulaması, 'headers' göndermek için: net olmak

$.ajax
({
  type: "GET",
  url: "index1.php",
  dataType: 'json',
  async: false,
  headers: {
    "Authorization": "Basic "   btoa(USERNAME   ":"   PASSWORD)
  },
  data: '{ "comment" }',
  success: function (){
    alert('Thanks for your comment!'); 
  }
});

Bunu Paylaş: