如何使用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

上一篇: How do I write json results to a div using jquery?

下一篇: How to update JSON data in a txt file?