web-dev-qa-db-ja.com

curl cmdをjQuery $ .ajax（）に変換する

私はjquery ajaxでapi呼び出しをしようとしています、私はapiのためにcurlが働いていますが、私の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");
    }
});

私は何が欠けていますか？

jqueryajaxcurlbasic-authentication
14
krisrak

デフォルトでは、$。ajax（）はdataをクエリ文字列に変換します。まだ文字列ではない場合、dataはオブジェクトなので、dataを文字列に変更してからprocessData: falseを設定します、クエリ文字列に変換されないようにします。

$.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");
    }
});
29
krisrak