程序博客网 > 网络插座接法图解

servlet + ajax 回顾

来源：互联网发布：网络插座接法图解编辑：程序博客网时间：2024/06/05 03:04

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>
    
<form id="ajaxFrm" >
  请输入用户名:<input type="text" name="UserName" >
  
  <div id="ajaxDiv"></div>
  
  <input type="button" onClick="doFind();" value="调用一下ajax" >
</form>
<form id="ajaxAction" >
  <font color='red'>请输入</font>用户名:<input type="text" name="UserName" >
  
  <div id="ajaxDiv"></div>
  
  <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>

0 0

网络插座接法图解

网络插座接法图解

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子篮筐高度是多少扣碎篮筐霍华德亲吻篮筐篮筐标准高度学校篮筐高度篮筐有多高吊车篮筐正规篮筐多高篮球篮筐高度摸篮筐上沿罚球线到篮筐的距离学校篮筐多高标准篮筐多高篮球篮筐多高标准篮筐直径篮网篮网队篮网老板篮网队球员篮网队老板篮网季前赛篮网队赛程篮网球员篮网阵容篮网队球员名单黑篮网王技能称霸蓝网队书豪网队篮梅篮莓蓝莓怎么吃蓝莓功效 lanmei 蓝霉蓝梅蓝梅功效蓝莓的功效蓝莓好吃吗蓝莓的作用蓝莓的营养