如何使用jQuery将json结果写入div?
这可能是一个非常简单的问题,但我找不到任何可行的方法。
我试图获取json结果,并将其写入div的内部html中,以查看它的外观。
我有这样的事情:
$.getJSON("someurlthatgivesmejson",
function(data){
$("#jsonmodel").html(data); // what should this be??
});
});
UPDATE
我能够通过使用它来显示一些文本
$("#jsonmodel").html($.param(data));
但是,它的格式不像浏览器如何显示json结果,如javascript对象的结构。
你可以使用jquery-json库
`$('#jsonmodel').html($.toJSON(data));`
取决于数据是什么。 如果你想把它写成一个字符串,那么你应该使用$ .get方法来获取它,这样它就不会为你转换成js散列
您可以在浏览器中本地使用JSON.stringify
,只需传入像这样的间隔参数:
JSON.stringify(data, null, 2)
在jsFiddle&Stack Snippets中演示
// listener
$(":input").on("keyup change", WriteFormDataToDiv);
// call on load
WriteFormDataToDiv()
function WriteFormDataToDiv() {
var data = $(":input").serializeArray()
var html = JSON.stringify(data, null, 2)
$("#formdata").html(html)
}
pre {
padding: 15px;
background: lightgrey;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<input type="text" name="cat" value="frida" />
<input type="text" name="dog" value="buddy" /><br/>
<input type="text" name="food" value="pizza" />
<input type="text" name="dessert" value="ice cream" />
<pre id="formdata"></pre>
链接地址: http://www.djcxy.com/p/48205.html