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信息已经能在控制台打出来了

...全文
248 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项目中，通过jQuery $.ajax或$.post请求无法正常执行回调函数的问题。主要原因是服务器响应的内容类型设置不当，正确的做法是将服务器的contentType设置为text/javascript。
JAVA Web_定义Servlet_处理POST请求【练习】
该博客围绕Java Web中Servlet处理POST请求展开练习。题目要求定义Servlet实现登录验证，获取表单用户名和密码，验证通过则添加属性并将请求内部派发到home.html，不通过则重定向到login.html。文中详细分析题意，给出处理POST请求、验证登录等步骤的代码逻辑及参考代码。
Servlet 体系原理与 Tomcat 执行流程
本文深入剖析Java Web中Servlet核心体系与Tomcat执行流程，涵盖Servlet接口、GenericServlet抽象类、HttpServlet对HTTP协议的支持，以及Tomcat如何通过I/O模型接收请求、解析、匹配Servlet并返回响应，揭示其底层协作机制。
使用httpclient发送post请求servlet服务器,servlet请求另一个服务器得到数据返回给httpclient
该博客介绍了一个使用HTTPClient发送POST请求到Servlet服务器的流程，服务器接收到请求后，进一步请求另一服务器获取数据，最后将数据返回给HTTPClient。通过详细代码展示了这一过程，包括HTTPClient的请求发送、Servlet的请求处理和转发以及数据的回传。
【小家Java】Servlet规范之---请求(request)：Servlet中如何获取POST请求参数？(使用getParameter())
本文围绕Servlet请求参数展开，介绍了获取请求参数的方法，如getParameter等。阐述了POST请求获取参数的规范及条件，还探讨了不符合规范时获取body内容的方法，以及PUT请求在Spring MVC中的处理。此外，提及了Attribute属性、请求路径元素和其他相关规范，最后指出Servlet地位受撼动但仍为主流。
Ajax

52,778

社区成员

25,334

社区内容

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

加载中

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

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

+ 用AI写文章