黑马程序员技术交流社区

标题: 这个问题究竟出在哪里 [打印本页]
作者: 冯超    时间: 2013-3-31 00:20
标题: 这个问题究竟出在哪里
本帖最后由 冯超 于 2013-3-31 11:14 编辑

1servlet文件
  1. import java.io.IOException;
  2. import java.io.PrintWriter;

  4. import javax.servlet.ServletException;
  5. import javax.servlet.http.HttpServlet;
  6. import javax.servlet.http.HttpServletRequest;
  7. import javax.servlet.http.HttpServletResponse;


  10. public class registerServlet extends HttpServlet {

  12.         public void doGet(HttpServletRequest request, HttpServletResponse response)
  13.                         throws ServletException, IOException {
  14.                 request.setCharacterEncoding("utf-8");
  15.                 response.setContentType("text/html; charset=UTF-8");
  16.                 //
  17.                 PrintWriter out = response.getWriter();
  18.                 String username = request.getParameter("username");
  19.                
  20.                
  21.                 out.println(username);
  22.         }

  24.         public void doPost(HttpServletRequest request, HttpServletResponse response)
  25.                         throws ServletException, IOException {
  26.         }

  28. }
复制代码
2.jsp文件
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  4. <html>
  5.         <head>

  7.                 <title>My JSP 'register.jsp' starting page</title>
  8.                 <script type="text/javascript">
  9.           //1.创建XMLHttpRequest对象并且获取xmlHttp对象
  10.           function creatXHR(){
  11.                     var xmlHttp;
  12.               if (window.XMLHttpRequest) {
  13.                     xmlHttp = new XMLHttpRequest();
  14.               }
  15.               else if (window.ActiveXObject) {
  16.                         xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  17.               }
  18.                
  19.               if (!xmlHttp) {
  20.                   alert("你使用的浏览器不支持XMLhttp对象！")
  21.                   return false;
  22.               }
  23.               return xmlHttp;
  24.           }
  25.             function checkUsername() {
  26.                     //**********
  27.                        //<input id="chName" type="button" value="查看用户名" onclick="checkUsername()" />
  28.                            //<div id="divText"></div>
  29.                     var chNameEle = document.getElementById("user");
  30.                     var value = chNameEle.value;
  31.                     alert(value);
  32.                     //**********
  33.             
  34.                     //1.
  35.                     var xmlHttp = creatXHR();
  36.                     //4.
  37.                     xmlHttp.onreadystatechange = function() {
  38.                                if (xmlHttp.readyState == 4) {
  39.                             if (xmlHttp.status == 200)
  40.                                 alert(xmlHttp.responseText);        
  41.                                                 else {
  42.                                     alert('错误代码：' + xmlHttp.status);
  43.                         }        
  44.                 }
  45.                     }
  46.                     //2.打开和服务器的连接
  47.                     xmlHttp.open("get", "servlet/registerServlet", true);
  48.                     //3.发送数据 若用get 则不会发送任何数据  传递null
  49.             xmlHttp.send(null);
  50.             }
  51.             //4接受服务器信息
  52.             
  53.     </script>
  54.         </head>

  56.         <body>
  57.                 <fieldset>
  58.                         <legend>
  59.                                 请填写用户注册信息
  60.                         </legend>
  61.                         <table border="1px">
  62.                                 <tr>
  63.                                         <td rowspan="2">
  64.                                                 用户名
  65.                                         </td>
  66.                                         <td>
  67.                                                 <input id="user" type="text" name="username" />
  68.                                         </td>
  69.                                 </tr>
  70.                                 <tr>
  71.                                         <td>
  72.                                                 <input id="chName" type="button" value="查看用户名" onclick="checkUsername()" />
  73.                                                 <div id="divText"></div>
  74.                                         </td>
  75.                                 </tr>

  77.                                 <tr>
  78.                                         <td>
  79.                                                 密码
  80.                                         </td>
  81.                                         <td>
  82.                                                 <input type="password" name="password" />
  83.                                         </td>
  84.                                 </tr>

  86.                                 <tr>
  87.                                         <td>
  88.                                                 确认密码
  89.                                         </td>
  90.                                         <td>
  91.                                                 <input type="password" name="password" />
  92.                                         </td>
  93.                                 </tr>

  95.                                 <tr>
  96.                                         <td>
  97.                                                 生日
  98.                                         </td>
  99.                                         <td>
  100.                                                 <input type="text" name="birthday" width="10px" />
  101.                                         </td>
  102.                                 </tr>
  103.                         </table>
  104.                 </fieldset>
  105.         </body>
  106. </html>
复制代码
不要说我路径写错了，不要问我xml文件是什么，那些都没有问题，为什么servlet传递过来的username的值为null，他也一直打印为null，写贴的过程中，突然觉得是不是XMLHttp.send()这个里面是不是一定要传递值，和服务器连接方式是不是一定要用post？ 我只是把ajxa视频看了get方式，就做他说的那个案例，用get方式是不是不行啊？
作者: 冯超    时间: 2013-3-31 00:21
明天看回复·····
作者: 黄小贝    时间: 2013-3-31 00:29
本帖最后由 黄小贝 于 2013-3-31 00:38 编辑

你的xmlHttp.send(null);传递一个null，收得到就遇见鬼了~~

servlet里面 request.getParameter("username") 这样想接受到东西，要么POST，要么Get

你的Get并没有通过url传值

我这里大概写下思路，用js取得你填入的username和password然后通过url传过去

xmlHttp.open("get", "servlet/registerServlet?username=yellowbaby", true)
  xmlHttp.send();

,当然最好是用POST传，AJAX post和get传值方法是一样的

作者: 冯超    时间: 2013-3-31 09:44
en ``谢谢
作者: 冯超    时间: 2013-3-31 10:15
黄小贝 发表于 2013-3-31 00:29
你的xmlHttp.send(null);传递一个null，收得到就遇见鬼了~~

servlet里面 request.getParameter("username" ...

照你说的用get方式又出现了第二个问题，就是乱码问题
  我servlet加了   request.setCharacterEncoding("utf-8");
                response.setContentType("text/html; charset=UTF-8");

怎么也会乱码啊··（post方式暂时不讨论）
作者: 黄小贝    时间: 2013-3-31 15:22
tomcat服务器的server.xml需要修改~（一般这个地方容易被忽略，我先假设你其他部分处理好了）

http://blog.csdn.net/qinyu0109/article/details/7348951



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2