jquery - Firefox および Chrome で基本認証を使用した XMLHttpRequest ベースの CORS 呼び出しが失敗する

Question

JavaScript (www.domain1.com) から基本認証を使用して REST GET 呼び出しを行う必要があります。REST API は domain2.com にあります。REST API は、CORS 固有の HTTP ヘッダーを返します。IE、Chrome、Firefox をサポートする必要があります。以下の JavaScript で問題をさらに説明します。</p>

1. 基本認証なし (IE 10、Chrome、Firefox で動作、XDomainRequest オブジェクトによる古い IE の処理)

   var xhr = new XMLHttpRequest();
   xhr.open(method, url, true);
   

2. 基本認証あり (IE 10 でのみ動作、Chrome および Firefox では失敗)

   var xhr = new XMLHttpRequest();
   xhr.open(method, url, true, username, password);
   

3. 基本認証あり (Chrome と Firefox では失敗)

   var xhr = new XMLHttpRequest();
   xhr.open(method, url, true);
   xhr.setRequestHeader("Authorization", "Basic " + btoa(username + ":" + password));
   xhr. withCredentials = “true”;
   

4. 基本認証あり (Chrome と Firefox では失敗)

   $.ajax({
   type: 'GET',
   url: jsonp_url,
   dataType: "json",
   username: username,
   password: pwd,
   beforeSend: function (xhr) {xhr.withCredentials = true; },
   success: function (result) { },
   error: function (xhr, ajaxOptions, thrownError) {
   }
   

   基本認証を使用して Chrome と FireFox で機能するソリューションをここで入手したいと思います