Conversione ricciolo cmd per jQuery $ .ajax()

Question

Sto cercando di effettuare una chiamata API con jquery ajax, ho lavoro ricciolo per l'API, ma il mio ajax sta gettando HTTP 500

Ho un comando di ricciolo di lavoro che assomiglia a questo:

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

ho provato ajax come questo, ma non funziona:

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

che cosa mi manca?

Answer 1

di $ .ajax default() convertirà data ad una stringa di query, se non è già una stringa, dal momento che data qui è un oggetto, cambiare il data in una stringa e quindi impostare processData: false, in modo che non viene convertito in stringa della domanda.

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