PHP+Ajax簡單get驗證操作示例

2024-05-05 00:07:06

字體：大中小

來源：轉載

供稿：網友

本文實例講述了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