PHP+Ajax简单get验证操作示例
程序员文章站
2022-08-28 10:40:33
本文实例讲述了php+ajax简单get验证操作。分享给大家供大家参考，具体如下：
1、显示页面代码
index.html
本文实例讲述了php+ajax简单get验证操作。分享给大家供大家参考，具体如下：
1、显示页面代码
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>xmlhttprequest独对象使用实例</title>
<script language="javascript">
//第一步创建ajax引擎对象
function getxmlhttpobject(){
var xmlhttprequest;
if(window.activexobject){
xmlhttprequest=new activexobject("microsoft:xmlhttp");
}
else{
xmlhttprequest=new xmlhttprequest();
}
return xmlhttprequest;
}
var myxmlhttprequest="";
//处理函数
function process(){
myxmlhttprequest=getxmlhttpobject();
//判断xmlhttprequest是否创建成功
if(myxmlhttprequest){
//获取表单的文本框的输入值
var name=document.getelementbyid('myname').value;
//通过myxmlhttprequest对象发送请求到服务器的某个页面
var url="process.php?name="+name;
myxmlhttprequest.open("get",url,true);
//定义准备状态改变时的回调函数
myxmlhttprequest.onreadystatechange=callback;
//向服务器发送请求
myxmlhttprequest.send(null);
}
}
function callback(){
if(myxmlhttprequest.readystate==4){
if(myxmlhttprequest.status==200){
//解析从服务器返回的字符串
var result=myxmlhttprequest.responsetext;
$("message").innerhtml="<b><u>"+result+"</u></b>"
}
else{
alert("执行过程中出现问题，服务器返回："+myxmlhttprequest.statustext);
}
}
}
//通过id获取元素
function $(id){
return document.getelementbyid(id);
}
</script>
</head>
<body>
请输入你的名称
<p>
<input type="text" id="myname">
<p>
<input type="button" value="提交" onclick="process()">
<div id="message">
</div>
</body>
</html>
2、处理代码
proces.php
<?php
/**
* created by phpstorm.
* user: yanqiang
* date: 2016/5/25
* time: 0:40
*/
header("content-type:text/html;charset=utf-8");
$arr=array("孙悟空","小娜扎","葫芦娃","米老鼠","唐老鸭","机器猫");
if(in_array($_get['name'],$arr)){
echo $_get['name']."存在列表中";
}
else{
echo $_get['name']."不存在列表中";
}
?>
3、效果图
更多关于php相关内容感兴趣的读者可查看本站专题：《php+ajax技巧与应用小结》、《php网络编程技巧总结》、《php基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家php程序设计有所帮助。
上一篇： Electron 如何调用本地模块的方法
下一篇： 实例讲解v-if和v-show的区别