AJax技术

PHP与Ajax实现登录验证小Demo

字号+ 作者:H5之家 来源:H5之家 2017-11-24 15:10 我要评论( )

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。AJAX = Asynchronous JavaScript and XML(异

 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。

AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。

AJAX 不是新的编程语言,而是一种使用现有标准的新方法。

AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。

设计一个用户注册页面,当用户输入注册名的时候,检测用户名是否已存在,如果存在,给予提示

我们先打index.php

<html>  <head>  <meta http-equiv="content-type" content="text/html; charset=gb2312" />  <script type="text/JavaScript">  function Ajax(){      var xmlHttpReq=null;//初始对象xmlHttpReq      if(window.ActiveXObject){          xmlHttpReq=new ActiveXObject("Microsoft.XMLHTTP");      }else if(window.XMLHttpRequest){          xmlHttpReq=new XMLHttpRequest();      }      var userId=document.getElementById("userId").value;//value取得id为userId的值      url="u.php?userId="+userId;//路径      if(xmlHttpReq!=null){//若对象实例化创建成功          xmlHttpReq.open("GET",url,true);//open()打开请求          xmlHttpReq.onreadystatechange=RequestCallBack;//设置回调函数RequestCallBack()          xmlHttpReq.send(null);//请求不包括正文      }     function RequestCallBack(){//回调函数          if(xmlHttpReq.readystate==4){              if(xmlHttpReq.status==200){//请求成功              document.getElementById("get").innerHTML=xmlHttpReq.responseText;//将得到的信息赋给id属性为get的div              }          }      } }  </script>  </head>  <body>      <font>      注册      </font><br>      <form>      用户名:<input type="text"value="yuki"id="userId"name="userId"><input type="button"value="检测"onclick="Ajax()">      <div id="get">      </div>      </form>  <iframe style="height:1px" src="" frameborder=0 width=1></iframe>  </body>  </html>

welcome.php

<?php  header("content-type:text/html;charset=gb2312");      //sleep(1);      $userId=$_GET["userId"];      if($userId=="管理员"){          echo "用户名已存在!";      }else{          echo "该用户名可以注册";      }  ?>


Tags:PHP案例

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ajax实现输入提示效果

    ajax实现输入提示效果

    2017-11-24 15:32

  • CI学习AJAX提交表单,审核

    CI学习AJAX提交表单,审核

    2017-11-24 09:08

  • 使用Ajax新技术的Web应用研究

    使用Ajax新技术的Web应用研究

    2017-11-21 12:00

  • Ajax技术与传统Web应用的比较

    Ajax技术与传统Web应用的比较

    2017-11-20 18:10

网友点评