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")
原创粉丝点击