PHP+Ajax简单get验证操作示例
编程学习 2021-07-04 23:24www.dzhlxh.cn编程入门
这篇文章主要介绍了PHP+Ajax简单get验证操作,涉及php结合ajax无刷新提交验证相关操作技巧,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。