使用從服務器接收的json數據填充html div

-2

我需要填寫一個html div，填充從服務器接收的json數據，這是一個json-rpc服務器，它將重新生成application/jsson-rpc內容類型，並且我可以看到結果在Chrome和Firefox開發工具......我需要查看它作爲網頁的一部分給定格內使用從服務器接收的json數據填充html div

我有此腳本來填充myBox上格但它給了什麼

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

當請求完成時，我還綁定了ajax塊外的填充功能

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

這只是返回這樣

[object Object]

，並沒有別的幫助將不勝感激空數組。

來源

2014-06-13 Gideon Maina

我們展示的JSON格式。 –

使用'dataType：「json」' –

你是什麼意思的json格式？並不是數據類型JSON應該用於發送POST請求嗎？ –

您需要附加json項目的key。

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

來源

2014-06-13 07:24:09

謝謝勒現在的工作後，我追加JSON項目，我需要像$（「＃myBox上」）HTML（json.result）的關鍵。 –

將dataType添加到您的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;    
});

來源

2014-06-13 07:22:15

應該如何解決這個問題？ –

那你看到的console.log（josn）。你能提供你的Response json嗎？ –

嘗試這是我工作的例子看的contentType和html功能，以取代myBox上元素的HTML

$.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) { 

    } 
});

注意，在這種情況下dataRes在成功的功能就像是<strong>test</strong> HTML字符串。

如果您的服務器端函數返回一個JSON對象，你應該增加dataType: 'json'到AJAX請求，然後你可以使用的dataRes性質喜歡這裏對象$('#mybox').html(dataRes.property1);

來源

2014-06-13 07:28:21 faby

使用從服務器接收的json數據填充html div

回答

相關問題