Javascript 在列表中的页面上显示带有Jquery的JSON字符串<；李>；

如何在

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

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

我也可以用

前置词将其放在页面顶部，但我不知道如何在
中显示。我试过几种方法来做这件事，但我真的需要一些帮助

我还希望每次新提交时，记录都能继续显示在列表中，有点像这个演示：

这是JSON字符串：

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

您可以只使用“mydata”类选择器，而不是指定“body”选择器

$('.mydata').append(JSON.stringify(response));

而不是附加到
主体
附加到
#响应
（或类似的
ul
元素）

您还可以使用将字符串放入
li
，并将其放入身体标记中的
ul\responses

$('#responds').append('<li class="mydata">' + JSON.stringify(response) + '</li>');

$（'#responses'）.append（'
'+JSON.stringify（response）+'
'）；

此处演示该概念：

更新：我应该已经测试过了，我已经更新了代码，你可以在值周围添加标记。此外，更新UL比更新正文更容易
 生成响应列表

你需要：

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

在您的代码中，您需要使用

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

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

var li=$（“
”）.text（JSON.stringify（response））；
$（“.myData”）.parent（）.append（li）；

下面是一个演示：

使用


var li=$（“
”）.text（JSON.stringify（response））；
$（“#答复”）。追加（li）；

更好
我不确定您是如何连接到
上的，但现在让我们假设您有

<ul class='myul'>
</ul>




你可以绑定一些这样的事件

successStart: function (response) 
{
   $('.myul').append('<li>' + response + ' </li>');
}

成功启动：功能（响应）
{
$（'.myul'）。追加（'
'+response+'
'）；
}

这里有一把小提琴，演示了如何使用它，以及如何应用你提到的网站上的一些样式
 这将对该类的每个元素应用相同的文本。我想这不一定是我的意图。在这种情况下，您可以向元素添加一个ID并引用它，或者使用节点索引
$（'.mydata'）[0]
，这样就可以将整个字符串放入一个
对吗？，如果没有字符串数据的另一部分，我如何将字段拆分为spans或lis？相关的HTML是什么？@DavidThomas你能告诉我如何才能更好地回答这个问题吗？我想如果我用各种不同的方式粘贴，读者会感到困惑。你在寻找什么来帮助你更好地理解我的问题？我想看看回复文本应该放在哪里，并且，一旦添加，它应该是什么样子（有点前后）。@DavidThomas哦，这是个好主意，就像一个迷你规范。谢谢。我对Jquery非常陌生，所以我不知道wrap是做什么的。抱歉@MichaelAlciglia，显然我也不完全明白。我误读和包装要求它是jQuery结果。我有一个关于JSFIDLE的演示，并将更新该代码段。基本上，更新UL更容易，只需显式地用标记包装字符串。在您的小提琴中，每个
text（33）
是否表示字段名？是的，text（）表示：使用参数设置目标元素的文本内容。您可以使用响应字符串替换3333。如果33是字段的值，它将如何标识哪些字段放在哪里？例如
“余额”：“1234”、“账号”：“123”
是我在问题中遇到的字符串中的两个字段。它如何知道要显示哪些字段以及以什么顺序显示，因为在你的小提琴中，我看不到它们是如何识别的。你需要解析你的响应对象以获得字段并按你想要的顺序排列序列。我更新了小提琴：谢谢你的帮助，我是新手，所以我需要一段时间来测试它（-：
successStart: function (response) 
{
   $('.myul').append('<li>' + response + ' </li>');
}