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

!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
/**
 * 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']."不存在列表中";
}
?>