http基本認証をAjaxコールで使用する

Question

HTTPサービスを使用するには、サーバーに接続する必要があります。

https://example.com/serviceを使用して、ブラウザでサービスを開始しようとしていますが、基本的な認証ダイアログが表示されます。

URLをhttps://username:password@example.com/serviceに変更すると簡単に回避されます。

Ajaxは常にかかわらず401 Unauthorizedになり使用して同じことをやろうとしている：私は、同様のシナリオで自分を苦労

$.ajax({ 
    url: 'https://username:password@example.com/service', 
    // rest repeats 
    type: "GET", 
    async: true, 
    success: function(text) { alert('success'); }, 
    error: function (text) { alert('error') }, 
    complete: function(text) { alert('complete'); } 
}); 

$.ajax({ 
    url: 'https://example.com/service', 
    username: username, 
    password: password, 
    // snip repeat 
}); 

$.ajax({ 
    url: 'https://example.com/service', 
    beforeSend: function(xhr) { 
     xhr.setRequestHeader("Authorization", "Basic " 
      + btoa(username + ":" + password)); 
    }, 
    // snip repeat 
}); 

Answer 1

を... トリックは何を使用していたんでしたjsonp（ugh）：

$.ajax({ 
     url: "https://localhost:8443/v1/accounts", 
     type: 'GET', 
     dataType: 'jsonp', 
     beforeSend: function (xhr) { 
      xhr.setRequestHeader('Authorization', 'Basic bHVpZ2lAZ21haWwuY29tOmFiYzEyMzQ1'); 
     } 
    })