Ajax(jQuery的ajax()方法)

此文章为总结第一个登录网页中用ajax方法请求后台json数据,以此来验证用户名与密码的正确性(连接SQL server数据库):

首先将ajax绑定在登录按钮的click事件中,通过点击按钮触发ajax:(Login.jsp页面中)现在一般用json数据格式

	$("#submit").click(function(){
 	//ajax判断是否存在账号+密码是否正确
 		$.ajax({
			 url:"./CheckName",     //相应项目文件夹src下创建了继承自HttoServlet类的方法
			 type:"post",           //请求方式
			 datatype:"json",       //json数据格式
			 data:{
				"username":$("input[name='username']").val(),
 				"password":$("input[name='password']").val()
			 },
			 success:function(msg){       //msg为从CheckName中传过来的数据
				 if($.trim(msg)=="0"){    //注意jQuery中字符串的比较!!!
					 $("#check").text("用户名不存在,请注册");
				 }
				 else if($.trim(msg)=="1"){
					 $("#check").text("密码错误");
				 }
				 else if($.trim(msg)=="2"){
					 $("#check").text("登录成功").css("color","black");
				 }
			 }
 		});	
	});
checkName用于给Login.jsp文件中的ajax传值:通过PrintWrite写入,然后传递给上述的msg参数中,并根据相应的参数(0,1,2)来判断给用户输出的提示信息

PrintWriter pw = resp.getWriter();
		//必须要用PrintWriter写入
		try {
			String result=uService.findByName(username);    //自定义的查找用户名的类方法
			if (result=="no") {//未找到用户名
				pw.println("0");
			}
			else if(result.equals(password)){//用户名,密码正确.注意Java中用equals,而不是==
				pw.println("2");
				System.out.println("2");
			}
			else {//密码错误
				System.out.println("1");
				pw.println("1");
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
此过程中还需要配置web.xml文件,

   <!-- **************登录界面ajax参数配置 **************-->
   <servlet>
  	<servlet-name>CheckName</servlet-name>
  	<servlet-class>com.web.service.CheckName</servlet-class>
  </servlet>
  <servlet-mapping>
  	<servlet-name>CheckName</servlet-name>
  	<url-pattern>/CheckName</url-pattern>
  </servlet-mapping>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值