快捷導(dǎo)航

PHP+Ajax簡(jiǎn)單get驗(yàn)證操作示例

更新時(shí)間：2019年03月02日 14:24:18 作者：致Great

這篇文章主要介紹了PHP+Ajax簡(jiǎn)單get驗(yàn)證操作,涉及php結(jié)合ajax無刷新提交驗(yàn)證相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了PHP+Ajax簡(jiǎn)單get驗(yàn)證操作。分享給大家供大家參考，具體如下：

1、顯示頁(yè)面代碼

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>XMLHttpRequest獨(dú)對(duì)象使用實(shí)例</title>
  <script language="JavaScript">
    //第一步創(chuàng)建ajax引擎對(duì)象
    function getXmlHttpObject(){
      var XmlHttpRequest;
      if(window.ActiveXObject){
        XmlHttpRequest=new ActiveXObject("Microsoft:XMLHTTP");
      }
      else{
        XmlHttpRequest=new XMLHttpRequest();
      }
      return XmlHttpRequest;
    }
    var myXmlHttpRequest="";
    //處理函數(shù)
    function process(){
      myXmlHttpRequest=getXmlHttpObject();
      //判斷xmlHttpRequest是否創(chuàng)建成功
      if(myXmlHttpRequest){
        //獲取表單的文本框的輸入值
        var name=document.getElementById('myname').value;
        //通過myXmlHttpRequest對(duì)象發(fā)送請(qǐng)求到服務(wù)器的某個(gè)頁(yè)面
        var url="process.php?name="+name;
        myXmlHttpRequest.open("GET",url,true);
        //定義準(zhǔn)備狀態(tài)改變時(shí)的回調(diào)函數(shù)
        myXmlHttpRequest.onreadystatechange=callBack;
        //向服務(wù)器發(fā)送請(qǐng)求
        myXmlHttpRequest.send(null);
      }
    }
    function callBack(){
      if(myXmlHttpRequest.readyState==4){
        if(myXmlHttpRequest.status==200){
          //解析從服務(wù)器返回的字符串
          var result=myXmlHttpRequest.responseText;
          $("message").innerHTML="<b><u>"+result+"</u></b>"
        }
        else{
          alert("執(zhí)行過程中出現(xiàn)問題，服務(wù)器返回："+myXmlHttpRequest.statusText);
        }
      }
    }
    //通過id獲取元素
    function $(id){
      return document.getElementById(id);
    }
  </script>
</head>
<body>
  請(qǐng)輸入你的名稱
  <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("孫悟空","小娜扎","葫蘆娃","米老鼠","唐老鴨","機(jī)器貓");
if(in_array($_GET['name'],$arr)){
  echo $_GET['name']."存在列表中";
}
else{
  echo $_GET['name']."不存在列表中";
}
?>

3、效果圖