title: 使用原生Ajax进行用户名重复的检验(一) date: 2019-01-21 17:35:15 tags: [JavaScript,Ajax] --- Ajax的复习 距离刚开始学ajax那会有一段时间了,然后用得又比较少.都有些生疏了呢 ̄へ ̄,现在刚好要实现一个用Ajax检验重复的功能,顺便复习一下Ajax. 关于Ajax 作用 :通过Ajax可以无需更新整个网页,而只更新部分内容,优化用户体验: 原理: AjaxEngine, 通常使用XMLHtttpRequest对象与服务器…
继上次的用户注册登录案例之后,对其中的部分功能再做进一步改进.上一版中用户提交表单后才对用户名进行校验,虽然做了回显,但还是感觉功能弱了些.为了能有更好用户体验,不是在用户提交表单后才给提示,而是在用户输入用户名后就立即对该用户名进行数据库校验,经过晚上的测试现在可以使用纯js版和jquery版. 准备工作,先编写好验证用户名重复的后台Servlet程序,然后在jsp或html中使用js对用户名进行验证,当用户输入用户名文本框推动焦点时立即触发验证.下面是jquery代码. <%@ page l…
1.获取ajax对象 new XMLHttpRequest(); IE6-8: new ActiveXOject("Microsoft.XMLHTTP"); 兼容判断:if(XMLHttpRequest){...}else{...} 2.打开链接:open() open(method,url,async):method:请求方式GET/POST,url:请求地址,async:true(异步,默认)/false(同步) 3.发送请求:send() 如果是POST请求,send方法要带参,…
1.另外一种更常用的js表达方式: var user = { inintEvent: function(){ $("input[name='user.User_LogName']").unbind("blur"); /*移动开输入框的时候就会响应,user.User_LogName为输入框的名字*/ $("input[name='user.User_LogName']").bind("blur", function(){ us…
1.struts.xml设置 <package name="default" namespace="/" extends="json-default"><!--用ajax要此extends--> <action name="userJSON_checkname" class="ssh.action.UserAction" method="checkName"…
使用原生Ajax 验证用户名是否被注册 创建出注册信息: <h1>注册信息</h1><input type="text" name="txtName" id="txtName"/> <span id="msg"></span><br/><input type="password" name="txtPwd"/&…
前端 <script type="text/javascript"> $(function(){ $("#tid").keyup(function(){ //获取当前输入 的值 var value=$(this).val(); //偷偷摸摸发起请求 var url="${pageContext.request.contextPath }/like" var params="name="+value; //先清空下方…
概述 Django中的上传有3种方案: form 表单常规上传,但点击提交后会自动刷新页面 Ajax 上传,不刷新页面,(分为原生ajax上传和jQuery上传),IE7以上不兼容 iframe 上传,兼容性没问题,也不会刷新页面 常规表单上传 这种方式有个缺点,就是会自动刷新页面 后台接收文件时,通过request.files.get('xxx')得到文件对象,并通过对文件循环,循环对象为文件对象.chunks()写入新文件即可!后台接收文件都使用这种方式! 可以看下源码: class InM…
(1)实现用户名的唯一性校验 所需要准备的: Servlet 注册界面的JSP 接口和实现类 所需要的接口和实现类: 接口: /* * 用户注册 * 账号的唯一性校验,需要传参(username) * */ boolean Username(String username); 实现类: @Override public boolean Username(String username) { String sql = "select * from user where username = ?&q…
主要复习了php的pdo数据库操作,和js的ajax,真麻烦,希望jquery的ajax简单点. index.php: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <script src="jquery.js">…