jquery中ajax的调用完成前台的用户名校验
2018-03-26 18:36
357 查看
1.需求:前台一个输入框输入姓名,当鼠标离开输入框时,系统会查询这个值并校验,然后会返回用户名是否可以使用的信息
2.实现方法:输入框有一个失去焦点事件,当失去焦点时,调用get方法并返回数据,然后把数据通过.html方法赋给输入框里面的一个span标签,代码如下:
3.后台实现:get连接里面会跳转到一个user_findByName的action,username
2.实现方法:输入框有一个失去焦点事件,当失去焦点时,调用get方法并返回数据,然后把数据通过.html方法赋给输入框里面的一个span标签,代码如下:
$(document).ready(function(){ //输入框失去焦点是激发后面的函数 $("#username").blur(function(){ //在 //$("#username").load("${pageContext.request.contextPath}/user_findByname.action?time="+new Date().getTime()+"&username="+username,function(){ $.get("${pageContext.request.contextPath}/user_findByname.action?time="+new Date().getTime()+"&username="+username,function(data,status){ $("#span1").html(data); }); }) })
3.后台实现:get连接里面会跳转到一个user_findByName的action,username
相关文章推荐
- ajax实现用户名校验的传统和jquery的$.post方式(实例讲解)
- jquery+jsp+servlet+ajax实现注册功能,ajax校验用户名、验证码等
- 使用AJAX完成用户名是否存在异步校验:
- 使用Ajax完成用户名异步校验--【SSH】
- SSH网上商城---使用ajax完成用户名是否存在异步校验
- SSH网上商城之使用ajax完成用户名是否存在异步校验
- 注册JQuery使用ajax调用后台方法,判断用户名、邮箱是否存在,并显示隐藏提示
- 【项目实战】---使用ajax完成用户名是否存在异步校验
- 注册JQuery使用ajax调用后台方法,判断用户名、邮箱是否存在,并显示隐藏提示
- Jquery+Ajax+Mysql 前台校验注册登陆
- 使用AJAX完成用户名是否存在异步校验
- JQuery+Ajax 使用JQuery完成异步用户名的校验
- jquery.validate 验证(支持前台js验证通过,然后ajax后台数据校验)二
- Dwz/Jquery--使用Ajax提交表单时调用表单设置的校验
- 力所能及之springmvc+ajax+jquery+json实现登录异步校验用户名是否存在
- Jquery和 LigerUI 用Post\Get\Ajax调用数据前台实例!
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及非文件上传的部分
- jQuery纯手写前台,动态分页,调用ajax,与后台struts2动态交互!
- 使用AJAX完成用户名是否存在异步校验(基于SSH框架)