在不跳转页面情况下,可用以下方式(非JSON形式,如需JSON形式请点击这里)实现与后端交互:
包括传递单个数据和多个数据:
前端代码实现:
<script type="text/javascript">
function sub(){
var sno = $("#sno").val();
var sname = $("#sname").val();
var sage = $("#sage").val();
$.ajax({
url:"getParam",
type:"post",
//传递单个数据
//data:"sno="+sno,
//传递多个数据
data:{
"sno":sno,"sname":sname,"sage":sage
},
success:function(data){
document.getElementById("context").innerHTML=data;
},
error:function(xhr,errorMessage,e){
alert("系统异常!!");
}
});
}
</script>
...
<body>
学号:<input type="text" id="sno" name="sno"/>
姓名:<input type="text" id="sname" name="sname"/>
年龄:<input type="text" id="sage" name="sage"/>
<input type="button" id="sub" value="提交" onclick="sub()"/>
<div id="context"></div>
</body>
后端代码实现:
request.setCharacterEncoding("utf-8");
String sno = (String) request.getParameter("sno");
String sname = (String) request.getParameter("sname");
String sage = (String) request.getParameter("sage");
...