zoukankan      html  css  js  c++  java
  • AJAX如何做出输入框提示!

    首先使用PHPAmyadmin数据库新建一个表写出你需要用的内容,

    同样使用form提交到数据库里面,在form里面写上内容,在这里就不需要做跳转页面了,因为不需要,具体如下所示:

     1 <html>
     2 <head>
     3     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
     4     <script type="text/javascript" src="ajax.js"></script>//链接
     5 </head>
     6 
     7 <body>
     8 
     9 <form action="" >
    10     用户名: <input type="text" name="user" id="""/>//给他一个名字;我们这里只做了一个比例就是用户名;如需要全部的话在每个input里面加个name;
    11     <span style="color: red;font-size: 14px" id="tishi"></span>//返回的字体颜色
    12     <br/>
    13     密  码: <input type="password" name=""/> <br/>
    14 
    15     <input type="submit" value="提交" name="submit"/>
    16 </form>
    17 </body>
    18 
    19 </html>

    再新建一个PHP,在里面写上连接数据库的代码以及判断用户名有没有注册,判断数据库当中有没名字,具体代码如下所示:

    这里为什么要用GET接收呢?

    因为GET是实用于A标签和JS的,POST是实用于PHP的,而我们这里是通过链接JS的,

    isset//判断是否是布尔类型的是否有值,
     1 <?php
     2 if(isset($_GET['user'])){
     3     $user = $_GET['user'];
     4 
     5     $conn = mysql_connect("localhost","root","") or die("数据库连接失败".mysql_error());
     6     mysql_select_db("bbs");
     7     mysql_query("set names 'utf8'");
     8 
     9     $sql = "select count(*) from users where userName='$user'";//查询数据库的表的内容;
    10 
    11     $result = mysql_query($sql);
    12     $row = mysql_fetch_row($result);
    13 
    14     if($row[0]){
    15         echo "该用户名已经被注册";
    16     }else{
    17         echo "该用户名还没有被使用过,可以注册";
    18     }
    19 }
    20 ?>

    新建一个JS文档写ajax内容,需要用到链接:  <script type="text/javascript" src="自己命的名字.js"></script>

    接下来就是代码:

    不懂的去下个ajax基础,

     1 var xmlHttp;
     2 function getXmlHttp(){
     3     if(window.ActiveXObject){
     4         xmlHttp = new ActiveXObject("MICROSOFT.XMLHTTP");
     5     }else if(window.XMLHttpRequest){
     6         xmlHttp = new XMLHttpRequest();
     7     }
     8 }//上面这一块就是判断浏览器的语句,分别是谷歌,IE,火狐,
     9 
    10 function sendParam(url){//给这个函数一个参数
    11     getXmlHttp();//这里是调用上面的函数,
    12 
    13     xmlHttp.open("GET","check.php?user="+url,true);//使用GET方式传值,传到check.php,给他一个参数url,true就是使用AJAX,false就是不使用;
    14 //    setRequestHeader("Content-Type","application/x-www-form-urlencoded");//这里是使用POST方式传值;
    15     xmlHttp.onreadystatechange = getTxt;//回调函数,调用下面这个函数;
    16     xmlHttp.send(null);//这句就是上面已经有true这里就填null;
    17 }
    18 function getTxt(){
    19     if(xmlHttp.readyState == 4){判断这里如果等于四4就是完成;
    20         if(xmlHttp.status == 200){判断等于200就是成功的时候;
    21             var sp = document.getElementById("tishi");//获取页面上的ID
    22             sp.innerHTML = xmlHttp.responseText;//返回页面上去;
    23         }
    24     }
    25 }

       

  • 相关阅读:
    中断类型表
    ComboBox中Datasource、 DisplayMember和ValueMember 三个属性问题 初学者
    ComboBox中的 DataSourc、 DisplayMember 、 valueMember 属性顺序设置问题 初学者
    皮尔逊相关度评价(Pearson correlation Score)
    欧几里得距离评价(Euclidean Distance Score)
    Leonardo da Vince
    维基F#译文: 值与函数(中)
    维基F#译文: 值与函数(上)
    perl5的引用(perlreftut)
    维基F#译文:入门
  • 原文地址:https://www.cnblogs.com/ws3366/p/3714134.html
Copyright © 2011-2022 走看看