使用 jquery 在键值对中打印 json 数据答案

【问题标题】：print json data in key,value pair using jquery使用 jquery 在键值对中打印 json 数据
【发布时间】：2017-11-06 09:44:02
【问题描述】：

我想以 (key,value) 格式打印{"abc":"abc","mno":"pqr","uvw":"xyz"}。

例如：key=abc value=abc

下面的代码是我尝试过的。这不起作用！输出从控制器返回。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'success.jsp' starting page</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script language="javascript">
var container = $("div.container"); 
$(document).ready(function(){
    var val=$("#addressId").text();
    $.each(val,function(key,value){
        container.append("key :"+key+" value :"+value+"</br>");
    });

    $.each(val,function(key,value){
        $('.container1').append(key+"="+value+"</br>");
    });
});
</script>
 </head>
  <body>
This is my JSP page. <br>
<p id="addressId">${output}</p>
<div class="container">hi</div>
<div class="container1"></div>
 </body>
</html>

提前感谢。

【问题讨论】：

标签： jquery json spring-mvc

【解决方案1】：

首先从https://jquery.com/ 下载并包含jquery 库。然后试试下面的代码sn-p。

var container = $("div.container"); 
$(document).ready(function(){
    var val={"abc":"abc","mno":"pqr","uvw":"xyz"};
    $.each(val,function(key,value){
        container.append(key+" = "+value+"</br>");
    });
});

【讨论】：