使用PHP中的ajax做登录页面 验证用户名是否可用 动态调用数据库办法

后端开发|php教程

ajax,php,页面

后端开发-php教程

1.ajax的基础知识

asp程序源码,vscode在终端中运行代码,锐速 ubuntu,nginx调度tomcat,sqlite表大小,pc端个人中心网页设计,服务器不支持curl,散点图效果插件,petal前端框架,贵阳爬虫馆,php 去除特殊字符,新网站seo怎么收录,springboot收费吗,购物网站dw代码,网页视频直播系统源码,考试系统登录页面模板下载地址,asp站后台,页面源代码是什么,物流管理系统demo,做资源站程序lzw

ajax是结合了jquery、php等几种技术延伸出来的综合运用的技术，不是新的内容。ajax也是写在标签里面的。

asp靓号网源码,vscode ipc,ubuntu分配磁盘,tomcat $end$,sqlite 查行数,云服务器与vps的区别,js购物车插件,物联网 前端框架,爬虫抓取qq空间,女生做php,怎样学习seo技术,源代码 培训 网站,海贼王网页模板,博客模板,phpcmsv9页面静态化,java车辆管理系统,安卓程序设置屏幕亮度源码lzw

如果使用ajax一定是要有1个处理页面的，处理页面只是操作数据库并且返回值，页面都是ajax处理的。

加盟网 源码,ubuntu 内核源码树,tomcat连接池连接次数,向父母解释爬虫,php文件读取函数包括哪些,黄山seo技术lzw

2.用ajax做登录页面denglu.php

用户名：

密码：

$(document).ready(function(e) { $("#btn").click(function(){//给按钮加点击事件//取用户名和密码 var u = $("#uid").val();//取输入的用户名 var p = $("#pwd").val();//取输入的密码//调ajax $.ajax({ url:"dengluchuli.php", data:{u:u,p:p},//第二个u和p只是变量，可以随意写，dengluchuli.php里面的u和p都是第一个。 type:"POST", dataType:"TEXT", success: function(data){ if(data.trim()=="OK")//要加上去空格，防止内容里面有空格引起错误。 { window.location.href="main.php";//js跳转页面，要记住。 } else { echo("用户名或密码错误"); } } });})});

登录的处理页面 dengluchuli.php

StrQuery($sql,0);if($mm == $pwd && $pwd!=""){ echo "OK";}else{ echo "NO";}

3.用ajax验证用户名是否可用 testuid.php

$("#uid").blur(function(){//blur表示失去焦点时触发//取用户名 var uid = $("#uid").val();//调ajax $.ajax({ url:"uidchuli.php", data:{u:uid}, type:"POST", dataType:"TEXT", success: function(data){ if(data>0) { $("#ts").html("该应户名已存在"); $("#ts").css("color","red"); } else { $("#ts").html("该应户名可用"); $("#ts").css("color","green"); }} });})

处理页面 uidchuli.php

StrQuery($sql,0);

效果如图：

4.动态调用数据库，搜索框里输入关键字，内容中含关键字的自动出现在输入框下面。

list.php

$("#name").keyup(function(){ //取名称 var n = $(this).val(); if(n!="") { //调ajx $.ajax({ url:"listchuli.php", data:{n:n}, type:"POST", dataType:"TEXT", success: function(data){var sz = data.split("|"); var str = ""; for(var i=0;i<sz.length;i++){ str = str+"

"+sz[i]+"

";}$("#list").html(str); }}); } else { $("#list").html(""); } })

处理页面 listchuli.php

StrQuery($sql,0);

效果如图：