博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
php+jquery+ajax实现用户名验证
阅读量:6206 次
发布时间:2019-06-21

本文共 1367 字,大约阅读时间需要 4 分钟。

大多数情况下,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代码: 用户名:
  
  
 
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';  }}
 
?>

 

转载于:https://www.cnblogs.com/qhorse/p/4832015.html

你可能感兴趣的文章
golang基础01
查看>>
SCCM PXE客户端无法加载DP(分发点)映像
查看>>
linux 进程监控和自动重启的简单实现
查看>>
1.2-Nginx编译安装
查看>>
Export data to text mode from oracle db
查看>>
redis本地及远程登录
查看>>
3.SFB标准版前端安装
查看>>
C#WinForm WebBrowser (二) 实用方法总结
查看>>
mysql cluster 7.1搭建
查看>>
Configuring Aggregated Ethernet Interfaces
查看>>
我的友情链接
查看>>
电脑公司 Ghost XP SP3 国庆特别版 v2011.10
查看>>
Linux系统软件包的管理 3月30日课程
查看>>
指针3
查看>>
我的友情链接
查看>>
C/C++面试题(一)
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
Asp.net页面和Html页面之间的关系
查看>>
设置开机自启动服务
查看>>