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