jqueryを使用してキー、値のペアでjsonデータを印刷

{"abc":"abc","mno":"pqr","uvw":"xyz"}を（キー、値）形式で印刷したいと思います。jqueryを使用してキー、値のペアでjsonデータを印刷

例：コードの下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>

前もってThanxです。

出典

2017-11-06 abc

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

出典

2017-11-06 10:50:35 pd91

jqueryを使用してキー、値のペアでjsonデータを印刷

答えて

関連する問題