JSP如何使用Ajax
来源:互联网 发布:淘宝美工需要做着什么 编辑:程序博客网 时间:2024/06/05 00:29
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.onload=onReady;function onReady(){ var nameObj=document.getElementById("name");sql 语句为:select * from Users where userName=name,如果存在返回0,不存在返回1,最后的meg的值就是0或者1,希望对你有点帮助 nameObj.onblur=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")