标准jquery ajax ,接收json数据

content.jsp.

<%
String mname=(String)request.getParameter("name");
out.println("{\"comments\":[{\"name\":\""+mname+"\",\"id\":1,\"nickname\":\"King\"},{\"name\":\"Ben\",\"id\":2,\"nickname\":\"Bow\"}]}");
%>

这里转义号和mname之间格式要注意,mname如果是字符串,那一定两边要加双引号。否则json不能解析。

test.jsp

<html>
<head>
<script type="text/javascript" language="JavaScript" src="/JFP/js/jquery/jquery-1.5.1.js"></script>
</head>
<body>
<table>
<tr>
<td id="Load">Button</td>
<td><input value="" size="100" /></td>
</tr>
</table>
<script>
$("#Load").click(function(){
	var postData ='name=Tian Cai';
		$.ajax({
			url:"https://localhost:9444/HKGCB/content.jsp",
			type:"POST",
			data:postData,
			dataType:"json",
			success:function(respon){
				$.each(respon.comments, function(index,item){
							alert(item.name);
				});
			},
			error:function(er){
				alert(er);
			}
		});
});
</script>
</body>
</html>

相关推荐