本文实例为大家分享了jQuery ajax简单案例——验证用户名是否可用的具体代码,供大家参考,具体内容如下
HTML
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title>插入标题here
& lt;脚本type=" text/javascript " src=" https://www.yisu.com/jquery_ajax/js/jquery-1.8.3.js "祝辞& lt;/script>
& lt;脚本type=" text/javascript祝辞//页面加载完成后
$(函数(){//添加失焦事件
$(" #用户名").blur(函数(){//获取录入的用户名
var usernamevalue=https://www.yisu.com/zixun/$(" #用户名").val ();//向服务器发送请求
var url="/jquery_ajax/负载”;
$ (" # username_span”) .load (url,{“用户名”:usernamevalue});
});
});
& lt;/script>
& lt;/head>
& lt; body>
& lt;输入类型="文本" name="用户名" id="用户名"祝辞& lt;跨度id=皍sername_span”祝辞& lt;/span>
& lt; br>
& lt;输入类型=懊苈搿泵?懊苈搿北?
& lt; br>
& lt;/body>
& lt;/html>
之前
LoginServlet
公开课LoadServlet扩展HttpServlet {
公共空间doGet (HttpServletRequest请求,HttpServletResponse响应)抛出ServletException, IOException {//解决乱码
request.setCharacterEncoding(“utf - 8”);
response.setCharacterEncoding(“utf - 8”);//1,得到用户名
字符串的用户名=request.getParameter(“用户名”);//2 .判断用户名是否可以使用
如果(“汤姆”.equals(用户名)){//用户名不可以使用
response.getWriter () .write (“& lt;字体颜色=臁脑谟没徽加? lt;/font>”);
其他}{//用户名可以使用
response.getWriter () .write (“& lt;字体颜色=奥躺钡脑谟没梢允褂? lt;/font>”);
}
}
公共空间doPost (HttpServletRequest请求,HttpServletResponse响应)抛出ServletException, IOException {
doGet(请求、响应);
}
}
之前
web。xml
& lt; servlet>
& lt; description> & lt;/description>
& lt; display-name> LoadServlet
& lt; servlet-name> LoadServlet
& lt; !
类clazz=forname (“com.zxl.servlet.LoadServlet”);
对象obj=clazz.newInstatnce ();//反射去调用doGet, doPost
——比;
& lt; servlet-class> com.zxl.servlet.LoadServlet
& lt;/servlet>
& lt; servlet-mapping>
& lt; servlet-name> LoadServlet
& lt; url-pattern>/load
& lt;/servlet-mapping>
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
