使用jQuery和Ajax进行基本身份验证

我试图通过浏览器创建一个基本的身份验证，但我真的无法到达那里。

如果这个脚本不在这里，浏览器将接管身份验证，但我想告诉浏览器用户即将进行身份验证。

地址应该是这样的:

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

我有一个表格:

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

还有一个脚本:

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!');
    }
});

当前回答

上面的例子有点让人困惑，这可能是最好的方法:

$.ajaxSetup({
  headers: {
    'Authorization': "Basic " + btoa(USERNAME + ":" + PASSWORD)
  }
});

我从Rico和Yossi的回答中得到了以上答案。

btoa函数的作用是:Base64编码一个字符串。

2013-11-01 15:20:49

其他回答

使用jQuery的ajaxSetup函数，可以为所有ajax请求设置默认值。

$.ajaxSetup({
  headers: {
    'Authorization': "Basic XXXXX"
  }
});

2012-11-15 10:26:49

使用beforeSend回调函数添加一个带有认证信息的HTTP头，如下所示:

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

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

2012-03-08 04:58:44

或者，简单地使用1.5中引入的headers属性:

headers: {"Authorization": "Basic xxxx"}

参考:jQuery Ajax API

2012-08-04 00:17:59

上面的例子有点让人困惑，这可能是最好的方法:

$.ajaxSetup({
  headers: {
    'Authorization': "Basic " + btoa(USERNAME + ":" + PASSWORD)
  }
});

我从Rico和Yossi的回答中得到了以上答案。

btoa函数的作用是:Base64编码一个字符串。

2013-11-01 15:20:49

使用jQuery的beforeSend回调函数添加一个带有身份验证信息的HTTP头:

beforeSend: function (xhr) {
    xhr.setRequestHeader ("Authorization", "Basic " + btoa(username + ":" + password));
},

2011-03-31 22:46:39

使用jQuery和Ajax进行基本身份验证

推荐文章

最新文章

标签