网络编程
位置:首页>> 网络编程>> php编程>> PHP+Ajax简单get验证操作示例

PHP+Ajax简单get验证操作示例

作者:致Great  发布时间:2024-05-13 09:24:27 

标签: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>

PHP+Ajax简单get验证操作示例

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+Ajax简单get验证操作示例

PHP+Ajax简单get验证操作示例

希望本文所述对大家PHP程序设计有所帮助。

来源:https://blog.csdn.net/yanqianglifei/article/details/51498381

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com