本文主讲用ajax方式提交数据
Jsp页面
<input type="text" name="root" id="go" />
<input type="password" name="pass" id="to" />
<p id="diao">点我</p>
<%--引用Jquer文件--%>
<script src="../css/JQuery.js"></script>
<script type="text/javascript">
$("#diao").click(function() {
//获取用户输入的值
var a = $("#go").val();
var b = $("#to").val();
$.ajax({
type : "post",//提交方式
url : "../Update",//servlet路经
//值传递到servlet
data : {
mygo : a,
myto : b
},
//错误则弹出错误信息
statusCode : {
404 : function() {
alert("请检查url路径是否指定正确");
}
},
//成功则弹出
success : function(data, textStatus) {
alert("成功了,快去看看吧");
}
})
});
</script>
因为jsp页面是post方式提交所以我们要在servlet里的doPost方法 用getParameter()获取jsp页面的值并打印输出
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//用request对象调用getParameter方法获得页面所传的值
System.out.println(request.getParameter("mygo"));
System.out.println(request.getParameter("myto"));
}