GitHub - quickredfox/jquery-jsonview: jQuery-based Json to html pretty printer

Branches Tags

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
css		css
js		js
README		README
data.json		data.json
example.html		example.html

Repository files navigation

Example

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>example</title>
	<link rel="stylesheet" href="css/jquery.jsonview.css" type="text/css" media="screen" title="no title" charset="utf-8">
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>
	<script src="js/jquery.jsonview.js" type="text/javascript"></script>
	<script type="text/javascript" charset="utf-8">
		// wait for document ready
		$(function(){
			// load some json data
			$.getJSON('data.json',function(json){
				// inject contents in document body
				$('#jsonview').jsonView(json);
			})
		});
	</script>	
</head>

<body>
<div id="jsonview">
	
</div>
</body>
</html>