jQuery AJAX标头授权

Question

我正在尝试授权一个基于this tutorial的AJAX查询。它在使用加密库发送适当的授权信息之前设置请求标头。我遇到的问题是，标题似乎不是按请求设置的。下面是我的代码：

beforeSend : function(xhr) {
  var bytes = Crypto.charenc.Binary.stringToBytes(username + ":" + password);
  var base64 = Crypto.util.bytesToBase64(bytes);
  xhr.setRequestHeader("Authorization", "Basic " + base64);
},

Answer 1

问题不是将dataType设置为JSONP。由于没有这样做，浏览器将调用解释为标准的AJAX请求，这意味着它在同源策略下被阻止。

可供参考的工作代码(推荐Crpyto的功劳是@pdeschen )：

<script type='text/javascript'>
// define vars
var username = '';
var password = '';
var url = '';

// ajax call
$.ajax({
    url: url,
    dataType : 'jsonp',
    beforeSend : function(xhr) {
      // generate base 64 string from username + password
      var bytes = Crypto.charenc.Binary.stringToBytes(username + ":" + password);
      var base64 = Crypto.util.bytesToBase64(bytes);
      // set header
      xhr.setRequestHeader("Authorization", "Basic " + base64);
    },
    error : function() {
      // error handler
    },
    success: function(data) {
        // success handler
    }
});
</script> 

Answer 2

这似乎终于对我起作用了。在单个调用的基础上可能会有冲突。将此方法设置为将来连接选项的默认方法。

//Function( jqXHR jqXHR )
$.ajaxSetup( {beforeSend: function(jqXHR) {
    jqXHR.setRequestHeader( "My-Header", "My-Value" );
} } );