Comment envoyer JSON au lieu d'une chaîne de requête avec $ .ajax?

Quelqu'un peut-il expliquer de manière simple comment faire en sorte que jQuery envoie du JSON réel au lieu d'une chaîne de requête?

$.ajax({
    url      : url,
    dataType : 'json', // I was pretty sure this would do the trick
    data     : data,
    type     : 'POST',
    complete : callback // etc
});

Cela convertira en fait votre JSON soigneusement préparé en une chaîne de requête. L'une des choses ennuyeuses est que tout élément array: []de votre objet sera converti en array[]: [], probablement à cause des limitations de la requête.

Vous devez d' JSON.stringifyabord sérialiser votre objet en JSON, puis spécifier le contentTypeafin que votre serveur comprenne qu'il s'agit de JSON. Cela devrait faire l'affaire:

$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    contentType: "application/json",
    complete: callback
});

Notez que l' JSONobjet est disponible nativement dans les navigateurs prenant en charge JavaScript 1.7 / ECMAScript 5 ou version ultérieure. Si vous avez besoin d'un support hérité, vous pouvez utiliser json2 .

Non, l' dataTypeoption consiste à analyser les données reçues.

Pour publier JSON, vous devrez le stringify vous-même via JSON.stringifyet définir l' processDataoption sur false.

$.ajax({
    url: url,
    type: "POST",
    data: JSON.stringify(data),
    processData: false,
    contentType: "application/json; charset=UTF-8",
    complete: callback
});

Notez que tous les navigateurs ne prennent pas en charge l' JSONobjet, et bien que jQuery l'ait fait .parseJSON, aucun stringifier n'est inclus; vous aurez besoin d'une autre bibliothèque polyfill.

Bien que je sache que de nombreuses architectures comme ASP.NET MVC ont des fonctionnalités intégrées pour gérer JSON.stringify en tant que contentType, ma situation est un peu différente, donc peut-être que cela pourrait aider quelqu'un à l'avenir. Je sais que cela m'aurait fait gagner des heures!

Étant donné que mes requêtes http sont gérées par une API CGI d'IBM (environnement AS400) sur un sous-domaine différent, ces requêtes sont d'origine croisée, d'où le jsonp. J'envoie en fait mon ajax via un ou plusieurs objets javascript. Voici un exemple de mon AJAX POST:

 var data = {USER : localProfile,  
        INSTANCE : "HTHACKNEY",  
        PAGE : $('select[name="PAGE"]').val(), 
        TITLE : $("input[name='TITLE']").val(), 
        HTML : html,
        STARTDATE : $("input[name='STARTDATE']").val(), 
        ENDDATE : $("input[name='ENDDATE']").val(),
        ARCHIVE : $("input[name='ARCHIVE']").val(), 
        ACTIVE : $("input[name='ACTIVE']").val(), 
        URGENT : $("input[name='URGENT']").val(), 
        AUTHLST :  authStr};
        //console.log(data);
       $.ajax({
            type: "POST",
           url:   "http://www.domian.com/webservicepgm?callback=?",
           data:  data,
           dataType:'jsonp'
       }).
       done(function(data){
         //handle data.WHATEVER
       });

Si vous renvoyez ceci à asp.net et que vous avez besoin des données dans request.form [], vous devrez définir le type de contenu sur "application / x-www-form-urlencoded; charset = utf-8"

Message original ici

Deuxièmement, débarrassez-vous du type de données, si vous n'attendez pas de retour, le POST attendra environ 4 minutes avant d'échouer. Voir ici