使用jquery在key,value对中打印json数据

时间:2017-11-06 09:44:02

标签: jquery json spring-mvc

我想以(键,值)格式打印{"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>

提前完成。

1 个答案:

答案 0 :(得分:0)

首先从https://jquery.com/下载并包含jquery库。然后尝试以下代码段。

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>");
    });
});