这是我今天无意间看到的一些东西,第一次接触jquery,当作我的一个意外收获写出来,只是初学者的了解。。。
10年积累的成都网站建设、成都网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站制作后付款的网站建设流程,更有丰镇免费网站建设让你可以放心的选择与我们合作。从认识jquery开始写这个验证。。。
大多数情况下,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 changeUrl = "CheckUser.php?uName="+name; //跳转到判断页面
$.get(changeUrl,function(result){ //运行ajax,进入url页面,返回result
//通过result返回值,输出描述信息
}
【post方式】
var username = $(this).val();
var changeUrl = "CheckUser.php";
$.post(changeUrl,{name:username},function(result){ ...}
跳转到CheckUser.php页面后通过get/post接收并从数据库中判断是否存在,然后返回一个值即可。。。
html代码:用户名:
jquery代码:$("#userName").blur(function(){
var username = $(this).val();
var changeUrl = "CheckUser.php"; //跳转到判断页面
//下面是运行ajax,进入changeUrl页面,传入name,返回result
$.post(changeUrl ,{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';
}}
?>
通常会看很多,可就是不怎么会写出来,可能因为这次是个意外,所以就不假思索的写啦,害怕意外会消失。。呵呵。。。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。