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

Question

Quelqu'un peut-il expliquer de manière simple comment faire en sorte que jQuery envoie du JSON 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 les plus ennuyeuses est que tout array: [] dans votre objet sera converti en array[]: [] probablement en raison des limites de l'enquête.

Answer 1

Vous devez utiliser JSON.stringify pour sérialiser d'abord votre objet en JSON, puis pour spécifier l'attribut contentType pour que votre serveur comprenne qu'il s'agit de JSON. Ceci devrait faire l'affaire :

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

Il convient de noter que le JSON est nativement disponible dans les navigateurs qui prennent en charge JavaScript 1.7 / ECMAScript 5 ou une version ultérieure. Si vous avez besoin d'un support ancien, vous pouvez utiliser json2 .

Answer 2

No, el dataType option sert à analyser les données reçues.

Pour poster du JSON, vous devrez le filtrer vous-même via la fonction JSON.stringify et définir le processData à l'option 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'option JSON et bien que jQuery dispose de l'objet .parseJSON Il n'y a pas de stringifier dans cette bibliothèque ; vous aurez besoin d'une autre bibliothèque polyfill.

Answer 3

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

Comme 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 cross origin, d'où le jsonp. J'envoie en fait mon ajax via un (des) objet(s) javascript. Voici un exemple de mon POST ajax :

 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
       });

Answer 4

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

Message original aquí

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 aquí