PHP+Ajax简单get验证操作示例
本文实例讲述了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程序设计有所帮助。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2020-09-11
，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读