javascript - 使用 Jquery 在列表中的页面上显示 JSON 字符串

Question

如何使用 Jquery 在 <li> 的页面上显示 JSON 字符串

使用此 jquery 脚本，我得到一个 JSON 字符串以显示在页面底部:

jQuery(document).ready(function($) {
  $('form.quform').Quform({
    successStart: function (response) {
      $('body').append(JSON.stringify(response));
      }
  });:

我还可以使用 prepend 将其显示在页面顶部，但我不知道如何在 <li class="mydata"> 中显示。我已经尝试了几种方法来做到这一点，但我确实需要一些帮助。

我还希望能够在每次新提交时继续在列表中显示记录，有点像这个演示:http://www.sanwebe.com/assets/ajax-add-delete-record/

这是 JSON 字符串:

{"type":"success","message":"posted to mysql","record": {"id":97,"name":"test","balance":"1234","account_number":"123","cust_id":"test1","fee":"12"}}

Answer 1

生成响应列表。

你需要:

<强>1。 ul 或 ol 作为容器2. 当新的响应到达时。创建一个 li 并附加到容器

在您的代码中您需要使用

var li = $("<li>").text(JSON.stringify(response));

$(".myData").parent().append(li);

这是一个演示:http://jsfiddle.net/pJWTL/1/

使用

<ul id="response"></ul>

var li = $("<li>").text(JSON.stringify(response));
$("#response").append(li);

比较好