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")
JSP如何使用Ajax
最新推荐文章于 2024-08-12 12:09:40 发布