利用ajax异步post方式校验验证码
来源:互联网 发布:什么软件可以刷机 编辑:程序博客网 时间:2024/06/10 20:26
利用ajax异步post方式校验验证码
step1,获得ajax对象
比如:
var xhr = getXhr();
step2,发送post请求
xhr.open('post','check_username.do',true);
//因为按照http协议的要求,发送post请求时,应该发送一个content-type消息头。
//而ajax对象默认情况下不会发送这个消息头,所以,需要调用setRequestHeader方法来添加。
xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');
xhr.onreadystatechange = f1;
//请求参数要写在send方法里
xhr.send('username=zs&age=12');
step3,编写服务器端的处理程序
跟以前相比,有一点点改变,就是一般不需要返回一个完整的页面,只需要返回部分数据。
step4,编写事件处理函数
function f1(){
if(xhr.readState == 4){
var txt = xhr.responseText;
dom操作更新页面...
}
}
示例代码:
//post请求方式function check_username_post(){var xhr = getXhr();xhr.open('post','checkUsername',true);http://write.blog.csdn.net/posteditxhr.setRequestHeader('content-type','application/x-www-form-urlencoded');xhr.onreadystatechange = function(){if(xhr.readyState==4){if(xhr.status==200){//服务器访问正常var txt = xhr.responseText;$('check_msg').innerHTML = txt;}else{$('check_msg').innerHTML = '验证出错';}}};$('check_msg').innerHTML = '正在验证';xhr.send("username="+$V('userrname'));}
其他细节及代码见:利用ajax异步校验验证码
0 0
- 利用ajax异步post方式校验验证码
- 利用ajax异步校验验证码
- 图文验证码(Ajax异步校验)
- ajax异步请求post方式
- Ajax使用POST方式异步提交数据
- 利用ajax进行异步请求验证
- 表单的ajax验证,以post方式
- Ajax异步方式实现登录与参数的校验
- Ajax异步校验
- AJAX--异步校验实现
- AJAX用户名异步校验
- Ajax异步校验
- AJAX异步校验用户名
- ajax异步校验用户名
- django 1.4 利用jquery实现ajax ‘get|post’异步请求
- 利用ajax异步处理POST表单中的数据
- bootstrapValidator AJAX 验证码异步验证
- 验证码生成 点击刷新 ajax校验
- Caffe 深度学习 安装 填坑
- Js 对 Json 操作
- linux 启动 过程 学习 (x86_64)
- 【Java并发编程实战】—–“J.U.C”:CyclicBarrier
- 解决同一页面jQuery多个版本或和其他js库冲突方法
- 利用ajax异步post方式校验验证码
- ajax格式
- [原]形态学变换
- iOS---UICollectionView简单使用
- MYSQL常用语句
- 自定义cell
- 【Java并发编程实战】—–“J.U.C”:CountDownlatch
- Cuda编程总结2013-10-120:32:46
- JAVA基础(13) javaMail发送邮件设置发件人中文昵称