16.PHP_Ajax模拟服务器登录验证
Ajax模拟登陆验证
index.php
<script language="javascript">
var http_request = false;
function createRequest(url){
http_request = false;
if(window.XMLHttpRequest){ //Mozilla、Safari等浏览器
http_request = new XMLHttpRequest();
}else if(window.ActiveXObject){ //IE
try{
http_request = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
if(!http_request){
alert("不能创建XMLHTTP实例!");
return false;
}
http_request.onreadystatechange = alertContents; //指定相应方法
//发出HTTP请求
http_request.open("GET" ,url ,true);
http_request.send(null);
}
function alertContents() {
if (http_request.readyState == 4) {//处理服务器返回的信息
if (http_request.status == 200) {
alert(http_request.responseText);
} else {
alert("Ajax验证页面发生错误");
}
}
}
</script>
<script language="javascript">
function checkName(){
var username = form1.name.value;
if(username == ""){
window.alert("name is null!");
return false;
}else {
createRequest('checkname.php?username=' + username + '&nocache=' + new Date().getTime());
}
}
</script>
<form name="form1" method="post" action="">
<select name="name">
<option value="xiaoming">xiaoming</option>
<option value="xiaoli">xiaoli</option>
<option value="xiaowang">xiaowang</option>
</select>
<input type="submit" name="Submit" value="Ajax" οnclick="checkName()">
</form>
CheckName.php
<?php
//模拟服务器验证
$username = $_GET['username'];
echo 'Ajax Check web Get Name: '.$username;
?>
最新文章
- TinyFrame尾篇:整合Spring AOP实现用户认证
- 解决Android中多次点击启动多个相同界面的问题
- hdu 2586(LCA在线ST)
- 【资源集合】94个iOS开发资源推荐,帮你加速应用开发
- 九度OJ 1510 替换空格
- JS自定义事件(Dom3级事件下)
- HTML5笔记(一)
- Struts2上传文件
- const限定符的作用
- Github Pages 静态网页建站
- MySQL之数据的备份与还原
- 浅谈JS的继承
- Object.defineProperty()方法的用法详解
- Oracle函数sys_connect_by_path 详解
- Tomcat下wtpwebapps文件夹 和 webapps文件夹区别
- 关于大数据时代传统商业存储的思考: 中心存储 VS 分布式存储
- Spring Cloud实践:降级、限流、滚动、灰度、AB、金丝雀的实现思路
- Nginx+DNS负载均衡实现
- MySQL表行数查询最佳实践
- SQL Server 创建用户报错:消息 15023,级别 16,状态 1,第 1 行 用户、组或角色 &#39;XXX&#39; 在当前数据库中已存在。