使用从服务器接收的json数据填充html div

问题描述：

我需要填写一个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]

，并没有别的帮助将不胜感激空数组。

我们展示的JSON格式。 –

使用'dataType：“json”' –

你是什么意思的json格式？并不是数据类型JSON应该用于发送POST请求吗？ –

答

您需要附加json项目的key。

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

谢谢勒现在的工作后，我追加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;    
});

应该如何解决这个问题？ –

那你看到的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);

使用从服务器接收的json数据填充html div

相关推荐