AJAXリクエストを使用したAPIからの応答がありません

Question

AJAXリクエストを使用してAPIに接続しようとしていますが、応答はありません。私のヘッダーに問題があるのか​​、それとも何か他のものにかかわらず、コンソールでエラーが表示されないとデバッグするのは難しいです。

これは私のAJAX要求である：このAPIから

$.ajax({ 
     url: 'https://api.partners.bazoeka.com/latest/api/postcodecheck?&format=json', 
     method: 'GET', 
     crossDomain: true, 
     beforeSend: function (xhr) { 
     xhr.setRequestHeader('username:myUsername', 'password:myPassword','apikey:apiKey');     
    } 

    }).done(function() { 
     console.log("connected!"); 
     //do stuff 
     }); 

ドキュメントはほとんど情報を提供しています。

Authentication is done by passing the username, password and API key in the header of the HTTP(S) request. For all functions authorization is required. So to be able to do a successful call you have to pass a username, password and an API key

私は私の資格情報が正しい知っている、要求はcURLので正常に動作します：

curl -H"username:myUsername" -H"password:myPassword" -H "apikey:apiKey" "https://api.partners.bazoeka.com/latest/api/postcodecheck?&format=json&postcode=1010AA&housenr=1" 

私のAJAXリクエストのヘッダーに問題はありますか？ jQueryのドキュメントによると https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/setRequestHeader

Answer 1

xhr.setRequestHeader()は、あなたが複数のヘッダを追加したい場合は、各ヘッダのxhr.setRequestHeader()

beforeSend: function (xhr) { 
    xhr.setRequestHeader('username', 'MyUsername'); 
    xhr.setRequestHeader('password', 'MyPassword'); 
    xhr.setRequestHeader('apikey', 'apikey'); 
} 

参照ドキュメントを追加しようとすると、キーと値を受け入れる必要がありますbeforeSendのコールバック関数がfalseを返す場合、ajaxリクエストは実行されません。 私は、setRequestHeaderは2つの引数、ヘッダ名とヘッダ値を必要とすると思います。 あなたのような各ヘッダーのsetRequestHeaderへの呼び出しを試みることができる：あなたのAJAX設定にオブジェクトとして追加ヘッダ渡し、さらに良い

xhr.setRequestHeader('username', 'myUsername'); 
xhr.setRequestHeader('password','myPassword'); 
xhr.setRequestHeader('apikey' , 'apiKey'); 

：

... 
headers: { 
username: 'myUsername', 
password: 'myPassword', 
apikey: 'apikey 
}, 
... 

Answer 2

：