JSP如何使用Ajax

1:下载jquery-1.3.2.js包,或者更高版本包,并在jsp中导入
2:在该jsp页面的js文件中使用
$.ajax({
						   type: "POST",
						   url: "login.do",           ---------提交到哪个页面
						   data:"a="+id+“&b=”+name,     -----------需要传递的值
						   success: function(msg){------------回调函数,即返回的结果集
						   		method(msg);把结果传递到自定义的方法method中,也可以不传的,比如直接alert(msg)
						   	}
					 }); 
3:这个代码写起来比较多的,提示:jsp页面有个
            姓名:<input type="text" id="name" name="name"><span id="name2"></span>
  在js中定义id为name的鼠标事件,比如点击/离开输入框的onfocus,onblur事件,
    window.οnlοad=onReady;			
	function onReady(){	
                    var  nameObj=document.getElementById("name");
sql 语句为:select * from Users where userName=name,
如果存在返回0,不存在返回1,最后的meg的值就是0或者1,希望对你有点帮助
                   nameObj.οnblur=function checkName(){
                               var name= nameObj.value;
		         $.ajax({
						   type: "POST",
						   url: "login.do",          
						   data:"a="+name,   
						   success: function(msg){
						   		result(msg);
						   	}
					 }); 
	}				
	}
function  result(msg){
var resuObj= document.getElementById("name2");
    if(msg==0){
      resuObj.innerHTML="用户名已存在";      
   }else{
         resuObj.innerHTML="用户名可以使用";      
}
}
3:你必须在login.do中获得name,然后到数据库中判断,比如servlet中 String name=request.getParameter("name")
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天傲设计小组

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值