<script type="text/template" id="template">
<p class='message' id='message'>第 {{id}} 位用户: <span>{{content}}</span><p><a href='./{{imgsrc}}' title='点击查看原图'><img src='./{{thumbsrc}}'></a></p><br>{{pubtime}}</p>
</script>
<script>
(function($) {
	var template = $('#template').html();
	function get_data() {
		$.ajax({
			url: 'getdata.php',
			dataType: 'json',
			success: function(data) {
				for(var i = 0; i < data.length; ++i) {
					var tmp = data[i];
					// 循环输出，用变量替换template中的{{变量}}
				}
			}
		});
	}
	get_data();
})(jQuery);
</script>

亲，可以用$.getJSON哦，免去一切解析烦恼哦~
不过要记得后端那个要改下，加个$_GET['callback']才行哦~具体可以谷歌一下哦~

ajax拿到json的数据后，直接用js或jquery进行值绑定就行了。可以用jquer选择器选定元素，然后.text(json的值)就能绑定上了

设置dataType: 'json',之后，不需要自己解析json，直接使用data即可

JSON.stringify(jsonObject); //将json转换为字符串
JSON.parse(jsonString); //将json格式的字符串转换成json对象