博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax+PHP检查用户名或邮件(三)
阅读量:6293 次
发布时间:2019-06-22

本文共 1525 字,大约阅读时间需要 5 分钟。

原理:

1、输入用户名

2、触发控件

3、获得填写内容

4、Ajax传递

5、查询数据库

6、返回结果

7、DOM反应到页面

页面触发的几种类型

onblur 事件会在对象失去焦点时发生。

onchange 事件会在域的内容改变时发生。

onclick 事件会在对象被点击时发生。

onfocus 事件在对象获得焦点时发生。

onkeydown 事件会在用户按下一个键盘按键时发生。

onkeypress 事件会在键盘按键被按下并释放一个键时发生。

onkeyup 事件会在键盘按键被松开时发生。

onmousedown 事件会在鼠标按键被按下时发生。

onmousemove 事件会在鼠标指针移动时发生。

onmouseout 事件会在鼠标指针移出指定的对象时发生。

onmouseup 事件会在鼠标按键被松开时发生。

获取表单中的数据内容

js:

document.myform.user.value

实现代码:

index.php

用户名:

分析:通过onbluur触发js中的函数funphp100();

ajax.js

var xmlHttp;function S_xmlhttprequest() {	if(window.ActiveXObject) {		xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');	} else if(window.XMLHttpRequest) {		xmlHttp = new XMLHttpRequest();	}}function funphp100(name) {        var f=document.myform.user.value;        f=encodeURI(f);//解决汉字不能正确传递的问题        S_xmlhttprequest();	xmlHttp.open("GET","for.php?id="+f,true);	xmlHttp.onreadystatechange = byphp;	xmlHttp.send(null);}function byphp() {  	if(xmlHttp.readyState == 1) {		 document.getElementById('php100').innerHTML = "";	}    	if(xmlHttp.readyState == 4 ){		if(xmlHttp.status == 200) {          var byphp100 =  xmlHttp.responseText;          document.getElementById('php100').innerHTML = byphp100;		}	}}

分析:

xmlHttp.open("GET","for.php?id="+f,true);

f(即myform表单中user输入框中的值)需要通过get方式通过URL传递到for.php中进行操作,但是汉字直接通过这个方式进行传递会出现乱码,所以需要先通过encodeURL(f)函数,进行转换。

for.php

用户名已经存在"; }else { echo "可以使用"; } }?>

转载于:https://www.cnblogs.com/zhezh/archive/2013/06/12/3773442.html

你可能感兴趣的文章
Linux中的网络监控命令
查看>>
this的用法
查看>>
windows下安装redis
查看>>
CentOS7 yum 安装git
查看>>
启动日志中频繁出现以下信息
查看>>
httpd – 对Apache的DFOREGROUND感到困惑
查看>>
分布式锁的一点理解
查看>>
idea的maven项目,install下载重复下载本地库中已有的jar包,而且下载后jar包都是lastupdated问题...
查看>>
2019测试指南-web应用程序安全测试(二)指纹Web服务器
查看>>
树莓派3链接wifi
查看>>
js面向对象编程
查看>>
Ruby中类 模块 单例方法 总结
查看>>
jQuery的validate插件
查看>>
5-4 8 管道符 作业控制 shell变量 环境变量配置
查看>>
Enumberable
查看>>
开发者论坛一周精粹(第五十四期) 求购备案服务号1枚!
查看>>
validate表单验证及自定义方法
查看>>
javascript 中出现missing ) after argument list的错误
查看>>
使用Swagger2构建强大的RESTful API文档(2)(二十三)
查看>>
Docker容器启动报WARNING: IPv4 forwarding is disabled. Networking will not work
查看>>