JAVA WEB 新手求助！$.post();的回调函数不执行，怎么从Servlet中获取到返回的数据

Sky_小小苏 2016-06-02 03:48:51
最近写一个用户登陆的界面
这是核心HTML代码


<form>

<!-- <form action="login.jsp" method="post" onsubmit="return validate_form(this)"> -->

		<div id=div1>

			<table id=login height="100%" cellspacing=0 cellpadding=0 width=800

				align=center>

				<tbody>

					<tr id=main>

						<td>

							<table height="100%" cellspacing=0 cellpadding=0 width="100%">

								<tbody>

									<tr>

										<td colspan=4> </td>

									</tr>

									<tr height=30>

										<td width=380> </td>

										<td> </td>

										<td> </td>

										<td> </td>

									</tr>

									<tr height=40>

										<td rowspan=4> </td>

										<td>用户名：</td>

										<td><input class=textbox id="txtusername" name="username"></td>

										<td width=120 id="usernameTd"> </td>

									</tr>

									<tr height=40>

										<td>密 码：</td>

										<td><input class=textbox id="txtuserpassword" type=password name="userpsw"></td>

										<td width=120 id="passwordTd"> </td>

									</tr>



									<tr height=40>

										<td></td>

										<td align=left>    

											<input id="btnlogin" type="button" value=" 登 录 ">   

											<input id="btnreset" type="reset" value=" 重 填 " name="btnreset">

										</td>

										<td id="result" width=120> </td>

									</tr>

									<tr height=110>

										<td colspan=4> </td>

									</tr>

								</tbody>

							</table>

						</td>

					</tr>

					<tr id=root height=104>

						<td> </td>

					</tr>

				</tbody>

			</table>

		</div>

		<div align="center">    </div>

		<div id=div2 style="display: none"></div>

	</form>

这是js代码


$(document).ready(function(){	

	// 检测用户是否输入用户名

	$("#txtusername").blur(function() {

		if ($("#txtusername").val() == "") {

			$("#usernameTd").html("<span style=\"color:red;\">请输入用户名</span>");

		}else{

			$("#usernameTd").hide();

		}

	});

	// 检测用户是否输入密码

	$("#txtuserpassword").blur(function() {

		if ($("#txtuserpassword").val() == "") {

			$("#passwordTd").html("<span style=\"color:red;\">请输入密码</span>");

		}else{

			$("#passwordTd").hide();

		}

	});	

	// 提交验证

	$("#btnlogin").click(function(){

 		var userName = $("#txtusername").val();

 		var userPassword = $("#txtuserpassword").val();

		if(userName == ""){

			alert("用户名不能为空");

		}else if(userPassword == ""){

			alert("密码不能为空");

		}

		else{

			$.post("http://127.0.0.1:8080/QMSystem/MyServlet",

				{

					username:userName,

					userpsw:userPassword

				},	

				function(data,status){

					$("#result").html("<span style=\"color:red;\">用户名或密码错误</span>");

					alert("用户名不存在或密码错误" + data);					

				}

			);

		}

	});	

});

这是servlet部分代码


//2.操作数据库:导入数据库驱动

		//注册数据库驱动

		Class.forName("com.mysql.jdbc.Driver");

		//获取数据库连接

		Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/QMSystem","root","root");

		//拼写SQL语句

		String sql ="select * from user";

		//准备SQL语句

		PreparedStatement pstmt = conn.prepareStatement(sql);

		ResultSet rs = pstmt.executeQuery();

		Boolean lable = false;

		PrintWriter out = response.getWriter();

		while(rs.next()){

			this.log("sql is execute."+ rs.getString("name") + " " + rs.getString("password"));

			if(userName.equals(rs.getString("name")) && userPassword.equals(rs.getString("password"))){

				String userPower = rs.getString("power");

				lable = true;

//				session.setAttribute("name", userN ame);//保存当前登录的用户名	

				this.log("conn success is execute.");

	//			String result = stationService.queryStationByName(name);

				

				response.sendRedirect("http://127.0.0.1:8080/QMSystem/mainIndex.html");

				out.println("true");

				out.flush();

				out.close();

				break;

			}  

		}

		if(lable == false){

			this.log("conn false is execute.");

		//		response.setContentType("text/x-json;charset=UTF-8");

			String result = "false";

			out.println(result);

			out.flush();

			out.close();

		}	

		//关闭数据库连接

		conn.close();


现在我想实现的是登陆的时候，把用户输入的表单和数据库存的数据比较，正确就跳转到下一个页面，错误给出提示。
上面的代码js的$.post();的回调函数怎么没有执行，求助！我的servlet代码写的有问题吗，log信息已经能在控制台打出来了

...全文
252 5 打赏 收藏 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
Sky_小小苏 2016-06-03
  • 打赏
  • 举报
 回复
跳转我找到了，但是data == "false"这个问题还是没搞好，求助！ 

function(data,status){
					if(data == "false") // response响应我设置的text/string,为什么到这里匹配不上,进不去if
					{	
						$("#result").html("<span style=\"color:red;\">用户名或密码错误</span>");
					}else{
						// 跳转页面
						self.location='/QMSystem/mainIndex.html';
					}					
				}
Sky_小小苏 2016-06-03
  • 打赏
  • 举报
 回复
引用 2 楼 xiaofanku 的回复:
2、验证成功，怎么跳转页面？用response.sendRedirect()试了下怎么没反应？ re: 你要在客户端跳转？还是服务器端跳转 1、回调函数为什么不执行，数据类型不对吗？要怎么写。 re: 打开浏览器的开发者工具，切换到网络中的xhr 开发的时候用chome或firefox,不要用ie,ie的开发者工具已无法描述
谢谢，用firefox看了下，url写的有问题。现在能进入回调函数了。 还有个些问题想请教，我要客户端跳转怎么实现，还有response返回的数据怎么匹配不上 

$.post("/QMSystem/MyServlet",
				{
					username:userName,
					userpsw:userPassword
				},	
				function(data,status){
					if(data == "false") // response响应我设置的text/string,为什么到这里匹配不上,进不去if
					{	
						$("#result").html("<span style=\"color:red;\">用户名或密码错误</span>");
					}else{
						// 这里跳转页面怎么写
					}					
				}
			);
Sky_小小苏 2016-06-03
  • 打赏
  • 举报
 回复
找到原因了，out.println()这个带有换行，改成out.print()就OK.
街头小贩 2016-06-02
  • 打赏
  • 举报
 回复
2、验证成功，怎么跳转页面？用response.sendRedirect()试了下怎么没反应？
re:
你要在客户端跳转？还是服务器端跳转

1、回调函数为什么不执行，数据类型不对吗？要怎么写。
re:
打开浏览器的开发者工具，切换到网络中的xhr

看一看你的请求返回什么了


查看请求的响应


开发的时候用chome或firefox,不要用ie,ie的开发者工具已无法描述
Sky_小小苏 2016-06-02
  • 打赏
  • 举报
 回复
主要有两个问题，1、回调函数为什么不执行，数据类型不对吗？要怎么写。2、验证成功，怎么跳转页面？用response.sendRedirect()试了下怎么没反应？
纯js的ajax readyState不返回4，jquery的$.ajax执行error，status200且数据可显示
今天开发基于java的web项目的时候，在修改了java文件后，
JAVA Web_定义Servlet_处理POST请求【练习】
书接上文：再次POST请求处理，熟练处理，轻松入门~本节新知识：重定向方法介绍 && 请求转发方法 && 获取HttpSession对象并添加属性
使用httpclient发送post请求servlet服务器,servlet请求另一个服务器得到数据返回给httpclient
使用httpclient发送post请求servlet服务器,servlet请求另一个服务器得到数据返回给httpclient 实现思路 1、新建两个Web Appilcation项目模拟两个服务器 分别命名servlet和servletDemo 2、建立一个httpclient模拟发送post请求 详细代码如下 httpclient发送post请求给servlet服务器代码： import or...
新手简单看懂Servlet里面的web.xml配置
我们在学习servlet时候，因为前面基础没学好，导致servlet看不懂，比如笔者当时就是servlet的web.xml看不懂，如果我们能先看懂web.xml，知道前端访问哪个接口，调用哪个servlet，至少就能从宏观上了解项目，对项目有一定促进作用。本文的目标在于使新手尽量简单看懂前端请求和web.xml中的配置有啥关系。
java servlet 接收post_java 代码post表单数据到服务器，servlet接收处理
前言：一般来说表单数据是在网页前端上面实现，在对应框内填入数据，点击提交按钮即将数据传递给后台(action的值指定负责处理表单数据的具体哪个servlet)。但是其实java代码也是可以远程post表单数据给服务器的Servlet程序，下面讲一讲详细步骤。一、客户端编写java程序主要思想就是利用http协议，post数据到指定url地址。直接看下面代码：代码摘自《java核心技术卷2第9版》，...
Ajax

52,778

社区成员

25,334

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章