protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
PrintWriter pri = response.getWriter();
pri.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");;
pri.println("<html>");
pri.println("<head><h1>测试servlet</h1></head>");
System.out.println(UserName);//空值
//获取参数
String s = request.getParameter("UserName");
pri.println("<body>这是post方法<h1 align='center'><font color='gold'>"+UserName+";"+s);
// pri.println("<body>这是post方法<h1 align='center'><font color="+"red"+">"+UserName+";"+s);
System.out.println(s);
pri.println("</font></h1></body>");
pri.println("</html>");
pri.flush();
pri.close();
form:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding= "UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script src="js/jquery.min.js" type="text/javascript"></script>
</head>
<h1>对过得好</h1>
<body>
<!-- 2、设置表单的id，在调用ajax的方法时要用到。 -->
<form id="ajaxFrm" >
请输入用户名:<input type="text" name="UserName" >
<!-- 3、设置一个div，用于显示ajax.jsp页面返回的结果 -->
<div id="ajaxDiv"></div>
<!-- 4、增加一个按钮，用来调用ajax -->
<input type="button" onClick="doFind();" value="调用一下ajax" >
</form>
<form id="ajaxAction" >
<font color='red'>请输入</font>用户名:<input type="text" name="UserName" >
<!-- 3、设置一个div，用于显示ajax.jsp页面返回的结果 -->
<div id="ajaxDiv"></div>
<!-- 4、增加一个按钮，用来调用ajax -->
<input type="button" onClick="doFind1();" value="调用一下ajax" >
<div id="ajaxDiv1"></div>
</form>
</body>
<script type="text/javascript">
/* 5、增加调用ajax的函数： */
function doFind(){
$.ajax({
cache: false,
type: "POST",
url:"hh.jsp", //把表单数据发送到ajax.jsp
data:$('#ajaxFrm').serialize(), //要发送的是ajaxFrm表单中的数据
async: false,
error: function(request) {
alert("发送请求失败！");
},
success: function(data) {
$("#ajaxDiv").html(data); //将返回的结果显示到ajaxDiv中
}
});
}
function doFind1(){
$.ajax({
cache: false,
type: "POST",
url:"Postdo", //把表单数据发送到ajax.jsp
data:$('#ajaxAction').serialize(), //要发送的是ajaxFrm表单中的数据
async: false,
error: function(request) {
alert("发送请求失败！");
},
success: function(data) {
$("#ajaxDiv1").html(data); //将返回的结果显示到ajaxDiv中
}
});
}
</script>
</html>
hh.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<%
String userName = request.getParameter("UserName");
String returnString = "";
returnString="你好，" + userName;
out.print(returnString);
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
</html>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
