AJAX案例一:发送POST请求

 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 2 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 3 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 4 <html>
 5   <head>
 6     <meta http-equiv="pragma" content="no-cache">
 7     <meta http-equiv="cache-control" content="no-cache">
 8     <meta http-equiv="expires" content="0">    
 9     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
10     <meta http-equiv="description" content="This is my page">
11 <script type="text/javascript">
12 function createXMLHttpRequest() {
13     try {
14         return new XMLHttpRequest();
15     } catch (e) {
16         try {
17             return ActvieXObject("Msxml2.XMLHTTP");
18         } catch (e) {
19             try {
20                 return ActvieXObject("Microsoft.XMLHTTP");
21             } catch (e) {
22                 alert("用的是什么浏览器啊?");
23                 throw e;
24             }
25         }
26     }
27 }
28 window.onload = function() {
29     var btn = document.getElementById("btn");
30     btn.onclick = function() {
31         var xmlHttp = createXMLHttpRequest();
32         //修改为POST请求方式
33         xmlHttp.open("POST", "<c:url value='/AServlet'/>", true);
34         //POST请求要设置请求头
35         xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
36         //添加参数
37         xmlHttp.send("username=张三&password=123");
38         xmlHttp.onreadystatechange = function() {
39             if(xmlHttp.readyState == 4 && xmlHttp.status == 200) {
40                 var text = xmlHttp.responseText;
41                 var h1 = document.getElementById("h1");
42                 h1.innerHTML = text;
43             }
44         };
45     };
46 };
47 </script>
48 </head>
49     <body>
50         <button id="btn">点击这里</button>
51         <h1 id="h1"></h1>
52     </body>
53 </html>
 1 import java.io.IOException;
 2 import javax.servlet.ServletException;
 3 import javax.servlet.http.HttpServlet;
 4 import javax.servlet.http.HttpServletRequest;
 5 import javax.servlet.http.HttpServletResponse;
 6 public class AServlet extends HttpServlet {
 7     public void doPost(HttpServletRequest request, HttpServletResponse response)
 8             throws ServletException, IOException {
 9         //处理编码问题,防止乱码
10         response.setContentType("text/html;charset=utf-8");
11         request.setCharacterEncoding("UTF-8");
12         String username = request.getParameter("username");//获取请求参数
13         response.getWriter().print(username+"已注册");
14     }
15 }
posted @ 2016-11-20 20:19  凌晨。。。三点  阅读(493)  评论(0编辑  收藏  举报