<%@ page language="java" contentType="text/html; charset=GBK"%>
<html>
<head>
<title>使用JSON插件</title>
<script src="js/jquery.js" type="text/javascript">
</script>
<script language="JavaScript">
$(document).ready(function(){
$("#button").click(function(){
//将form1表单域的值转换为请求参数
var params = Form.serialize('form1');
$.ajax({
type:"post",
url: 'JSONExample.action',
async:true,
data:params,
success:function(json){
var da=eval(('+json+'));
$("#show").innerHTML=da;
}
});
});
});
</script>
</head>
<body>
<form id="form1" name="form1" method="post">
<INPUT TYPE="text" name="field1" id="field1"/><br>
<INPUT TYPE="text" name="field2" id="field2"/><br>
<INPUT TYPE="text" name="field3" id="field3"/><br>
<INPUT TYPE="button" value="提交" id="button"/>
</form>
<div id="show">
</div>
</body>
</html>