私はjqueryのAjaxでAPI呼び出しを行うためにしようとしているjQueryの$のアヤックス（）

Question

にカールCMDの変換、私はAPIのカール作業がありますが、私のAjaxはHTTP 500

を投げている私は、curlコマンドを持っていますそれは次のようになります作業：

curl -u "username:password" -H "Content-Type: application/json" -H "Accept: application/json" -d '{"foo":"bar"}' http://www.example.com/api 

私はこのようなAJAXを試してみましたが、それが動作していません。

$.ajax({ 
    url: "http://www.example.com/api", 
    beforeSend: function(xhr) { 
     xhr.setRequestHeader("Authorization", "Basic " + btoa("username:password")); 
    }, 
    type: 'POST', 
    dataType: 'json', 
    contentType: 'application/json', 
    data: {foo:"bar"}, 
    success: function (data) { 
     alert(JSON.stringify(data)); 
    }, 
    error: function(){ 
     alert("Cannot get data"); 
    } 
}); 

私は何をしないのですか？デフォルトの$アヤックス（）文字列の入っていない場合dataがここにオブジェクトがあるので、それが変換されないように、processData: falseを文字列にdataを変更して設定し、クエリ文字列にdataを変換することにより、

Answer 1

クエリ文字列。

$.ajax({ 
    url: "http://www.example.com/api", 
    beforeSend: function(xhr) { 
     xhr.setRequestHeader("Authorization", "Basic " + btoa("username:password")); 
    }, 
    type: 'POST', 
    dataType: 'json', 
    contentType: 'application/json', 
    processData: false, 
    data: '{"foo":"bar"}', 
    success: function (data) { 
     alert(JSON.stringify(data)); 
    }, 
    error: function(){ 
     alert("Cannot get data"); 
    } 
});