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

使用从服务器接收的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] 

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

+0

我们展示的JSON格式。 –

+0

使用'dataType:“json”' –

+0

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

您需要附加json项目的key

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

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

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

+0

那你看到的console.log(josn)。 你能提供你的Response json吗? –

尝试这是我工作的例子 看的contentTypehtml功能,以取代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);