使用从服务器接收的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项目的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格式。 –
使用'dataType:“json”' –
你是什么意思的json格式?并不是数据类型JSON应该用于发送POST请求吗? –