AJAX实现简单的注册页面异步请求实例代码

AJAX简介

(1)AJAX = 异步 JavaScript 和 XML。

(2)AJAX 是一种用于创建快速动态网页的技术。

(3)通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

(4)传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

简单布局

JS先判断,把前端可以的判断做,减少服务器的交互

利用ajax做异步请求

在php中接受网络请求传过来的数据,查看数据库做出判断,把结果反馈给前段

<?php
var_dump($_GET);
$user = $_GET['user'];
$pwd = $_GET['pwd'];
$tel = $_GET['tel'];
$email = $_GET['email'];
$msg = '';
header('Content-type:text/html;charset=utf8');
  $adders = "mysql:host=localhost;dbname=Users;";
  $db = new PDO($adders,"root");
  $db->exec('set names utf8');
  //链接数据库,创建表
  $result = $db->exec('create table if not exists ajaxreg(user varchar(100) 
     primary key,pwd varchar(100),tel varchar(30),email varchar(30)) 
     default charset=utf8');
  $resulttel = $db->query("select tel from ajaxreg ");
  $resulttel->setFetchMode(PDO::FETCH_ASSOC);
  $arr = $resulttel->fetchAll();
 
  foreach($arr as $ar){
    if( $ar['tel'] == $tel){
      $msg = "您输入的手机号已经存在";
     echo $msg;
    //如果手机号已存在,终止整个程序
    die();
    }
  }
     //如果手机号不存在执行下面代码
     $result = $db->exec("insert into ajaxreg values(
     '$user','$pwd','$tel','$email')");
     if($result){
      $msg = "注册成功";
     }else{
     $msg = "用户名已存在";
     }
  echo $msg;
 $db->close();
?>

这样一个简单的注册界面就用AJAX实现了

以上就是小编为大家带来的AJAX实现简单的注册页面异步请求实例代码全部内容了，希望大家多多支持脚本之家~

以上就是AJAX实现简单的注册页面异步请求实例代码的详细内容，更多请关注Gxl网其它相关文章！