Remplir un div html avec des données json reçues d'un serveur

Question

Je dois avoir un div html rempli avec les données json reçues du serveur qui est un serveur json-rpc et il retruns un type de contenu application/jsson-rpc et je peut voir le résultat dans le chrome et les outils de Firefox dev ... Je dois la voir dans le cadre de la page dans un div donné

j'ai ce script pour remplir le mybox div mais il ne donne rien

var returnedinfo; 
    var request = $.ajax ({ 
    url: "/url", 
    type: "POST", 
    data: JSON.stringify(data), 
    success: function(json) { 
     alert("success sent ajax"); 
     $("#mybox").html(json); 
     returnedinfo = json;    
    }); 

J'ai également lié la fonction de remplissage à l'extérieur du bloc ajax lorsque la requête est terminée

request.done(function(msg) { 
     $("#mybox").text(msg); 
     }); 

Ce juste retour un tableau vide comme celui-ci

[object Object] 

et rien d'autre aide sera appréciée.

Answer 1

Vous devez ajouter le key de l'élément json.

$("#mybox").html(json.key); 

Answer 2

Ajoutez dataType à votre requête ajax.

var request = $.ajax ({ 
url: "/url", 
type: "POST", 
data: JSON.stringify(data), 
dataType: "json", 
success: function(json) { 
    alert("success sent ajax"); 
    $("#mybox").html(json); 
    returnedinfo = json;    
}); 

Answer 3

essayer mon exemple de travail regarder contentType et html fonction pour remplacer le HTML de l'élément mybox

$.ajax({ 
    type: 'POST', 
    data: JSON.stringify(data), 
    contentType: "application/json; charset=utf-8", 
    url: 'url', 
    success: function (dataRes) { 
       $('#mybox').html(dataRes); 

       }, 
    error: function(a,b,c) { 

    } 
}); 

Notez que dans ce cas dataRes en fonction de la réussite est une chaîne html comme <strong>test</strong> .

Si votre fonction côté serveur retourne un objet JSON, vous devez ajouter à la demande dataType: 'json' ajax et vous pouvez utiliser les propriétés de dataRes objet comme ici $('#mybox').html(dataRes.property1);