• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

php+jquery+ajax实现用户名验证

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
大多数情况下,jquery代码的编写,都要求我们将jquery的代码放在以下三种中任一个function里。

有三种写法,同样效果,有点像Window.onload,但也有不同,就是window.onload是页面加载完后才会执行,
而$(document).ready()方法只是等所有标签加载完后,就进行操作,还有$(document).ready()可以多次调用,
而window.onload不可以,会被后一个调用所覆盖。 第一种:$(document).ready(function(){.....}); 第二种:$().ready(function(){......}); 第三种:$(function(){......}); 注:通过jQuery中的$(document).ready()方法注册的事件处理程序,只要在DOM完全就绪时,就可以调用了,
比如一张图片只要标签完成,不用等这个图片加载完成,就可以设置图片的宽高的属性或样式等。 再看ajax在jquery中如何操作? ajax通过两种方式传值:
get/post 【get方式】

var url = "CheckUser.php?uName="+name; //跳转到判断页面

$.get(url,function(result){ 

  //运行ajax,进入url页面,返回result

  //通过result返回值,输出描述信息

} 

 【post方式】

var username = $(this).val();

var url = "CheckUser.php";

$.post(url,{name:username},function(result){ ...} 

跳转到CheckUser.php页面后通过get/post接收并从数据库中判断是否存在,然后返回一个值即可。。。 html代码:

用户名:

<form action="" method="post">

  <input type="text" name="username" value="" />

  <input type="submit" value="提交"/>

</form>

jquery代码:

$("#userName").blur(function(){

  var username = $(this).val();
  var url = "CheckUser.php"; //跳转到判断页面

  //下面是运行ajax,进入changeUrl页面,传入name,返回result

  $.post(url ,{name:username},function(result){

    if(result == '1'){
       $("#Info").html("用户名存在!");
    }else{
       $("#Info").html("可以注册!");
    } 
  }) 
})

CheckUser.php

if($_POST['name']){

  //接收post传过来的值

  $username = trim($_POST['name']);

  //进行判断,本来是要从数据库中取的,我偷懒了一下,只是测试。。。

  if($username == "admin"){
    echo '1';
  }else{
    echo '0';
  }
}

?>

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
PHP数据库基础(简单的)发布时间:2022-07-10
下一篇:
php文件下载指向链接发布时间:2022-07-10
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap