<body> <form name="form_register"> <input type="> <input type="button" value="查看用户名是否被占用" onclick="javascript:chkUsername(form_register.username.value)"> </form> </body> <…
由于要做一个注册页面,看到许多网站上都是使用Ajax异步刷新验证用户名是否可用的,所以自己也动手做一个小实例 都是简单的实例,所以直接发代码 静态页面Ajax.html <html> <head> <title>Ajax</title> <script type="text/javascript"> function loadXMLDoc() { if (document.getElementById("accoun…
在用户模块中的用户注册需求上,通常要进行用户名是否已被注册的验证,今天正好写了这个需求,把详细代码和所遇到的问题贴过来.在使用struts2+ajax时候,通常我们会返回json类型的数据,但是像上面的例子,我们只希望返回一个1和0有助于进行后续判断即可,没必要返回json类型,返回一个text字符串就可以了. regist.jsp(这里只提供<script>部分): <script type="text/javascript"> $(function() {…
这是一个jQuery和Ajax的很基础的应用,是我出去面试时的一个面试题.当时脑子有点懵想了好久才知道该怎么去实现,现在回来再看了下书好好总结一下这个东西. 首先新建一个html文件,只有简单的几行代码,创建一个很基本的包含用户名和密码 以及注册按钮的文本框.代码如下 只简单说明问题 多余的暂时不加. <form> 用户名:<input type="text" cols="20" name="Name" id="Nam…
程序功能 当用户名输入完成(即用户名输入框失去焦点),利用Ajax检测用户名是否已经注册! 实现过程 利用Ajax向CheckUserServlet发送请求,判断该用户名是否可用.这里只是为了演示Ajax的用法,就不访问数据库了,直接设置一些用户名就好了,模拟一下即可. 关于中文编码的处理 坑爹,在javascript中传递中文参数,需要先编码,然后解码.详细见JavaScript利用URL向后台传入中文参数乱码问题解决之道. 运行截图 代码实例 JSP页面 <%@ page language=…
Ajax验证用户名是否被注册 var xmlHttp; function createXMLHttpRequest(){ // 创建XMLHttp请求对象 if(window.ActiveXObject){ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }else if(window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); } }xmlHttp.onreadystatechange=…
实现Ajax需要使用一个核心对象XMLHttpRequest XMLHttpRequest对象可以在不向服务器提交整个页面的情况下,实现局部更新网页.当页面全部加载完毕后,客户端通过该对象向服务器请求数据,服务器端接受数据并处理后,向客户端反馈数据. XMLHttpRequest 对象提供了对 HTTP 协议的完全的访问,包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力.XMLHttpRequest 可以同步或异步返回 Web 服务器的响应,并且能以文本或者一个 DOM 文档…
当用户注册时,服务器数据库需要对用户输入的用户信息(以用户名为例子)进行验证,在不刷新页面的情况下又需要页面和服务器进行数据请求,最好的方法是用ajax异步请求. 一.实现思路: 1.用户输入信息 2.创建输入框失焦事件 2.1当用户输入玩完成时记录用户输入的值 2.2创建XMLHttpRequest对象 2.3使用open()方法对请求的方式作说明,并将用户输入的数当参数传递给请求的PHP文件 2.4send()方法发送请求 3.创建onreadystatechange事件根据readySta…
ajax实现注册用户名时动态显示用户名是否已经被注册(1.ajax可以实现我们常见的注册用户名动态判断)(2.jquery里面的ajax也是类似我们这样封装了的函数) 一.总结 1.ajax可以实现我们常见的注册用户名动态判断 2.jquery里面的ajax也是类似我们这样封装了的函数 二.ajax实现注册用户名时动态显示用户名是否已经被注册 练习:判断用户名是否存在 实例描述: 判断用户名是否存在,并进行相应的提示. 案例要点: JSON数据的加载和解析:将用户的注册名和加载的JSON文件进行…
场景: 用户注册的时候,输入用户名之后,Ajax发送请求到后端,后端验证该用户名是否已经被注册,然后返回到注册页面提示用户. 1.模型: from django.db import models class User(models.Model): name = models.CharField(max_length=20) password = models.CharField(max_length=20) 2.路由 from django.contrib import admin from d…