ajax实现登录练习

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 <script src="jq.js"></script>
 7 </head>
 8
 9 <body>
10 <h1>登录</h1>
11
12 <div>用户名:</div>
13 <input type="text" id="uid" />
14 <div>密码:</div>
15 <input type="text" id="pwd" />
16 <input type="button" value="确定" id="dian" />
17
18 </body>
19 </html>
20 <script type="text/javascript">
21
22 $(document).ready(function(e) {
23     $("#dian").click(function(){
24
25         var uid=$("#uid").val();
26         var pwd=$("#pwd").val();
27
28         $.ajax({
29
30             url:"chuli.php",
31             data:{u:uid,p:pwd},
32             type:"POST",
33             dataType:"TEXT",
34             success: function(data){
35
36             if(data=="ok")
37             {
38                 window.location="Main.php";
39
40             }
41             else
42             {
43              alert(data);
44             }
45
46             }
47
48         });
49
50
51     })
52
53 });
54
55
56
57
58 </script>
 1 <?php
 2
 3 $uid=$_POST["u"];
 4 $pwd=$_POST["p"];
 5
 6 include("DBDA.php");
 7
 8 $db=new DBDA();
 9
10 $sql=" select count(*) from login where username=‘{$uid}‘and password=‘{$pwd}‘";
11 $attr=$db->Query($sql);
12 if($attr[0][0]==0)
13 {
14
15     echo "用户名密码不正确";
16 }
17 else
18 {
19  echo "ok";
20 }
时间: 2024-08-26 08:43:47

ajax实现登录练习的相关文章

$.ajax()验证登录

小提醒,在jquery的ajax函数中,可以传入3种类型的数据 1.文本:"uname=alice&mobileIpt=110&birthday=1983-05-12" 2.json对象:{uanme:'vic',mobileIpt:'110',birthday:'2013-11-11'} 3.json数组: [ {"name":"uname","value":"alice"}, {&quo

用户管理的设计--4.jquery的ajax实现登录名的校验

页面效果 鼠标失去焦点时,不需要刷新页面进行校验,判断登录名是否重复. 实现步骤 1.引入struts2-json-plugin-2.5.10.1插件包 2.页面使用jquery的ajax实现后台校验js /**校验登录名是否出现重复*/ function checkUser(o){ //alert(o.value);//dom的写法 //alert($(o).val());//jquery的写法 var logonName = $(o).val(); //以登录名作为查询条件,查询该登录名是否

[实战]MVC5+EF6+MySql企业网盘实战(6)——ajax方式登录

写在前面 今天回来的比较早,就趁着有空,把登录的代码更新一下.上篇文章实现了ajax的注册,这篇将实现登录,实现目标,ajax登录方式,如果勾选记住我,则下次不再输入用户名密码,直接跳转到网盘界面. 系列文章 [EF]vs15+ef6+mysql code first方式 [实战]MVC5+EF6+MySql企业网盘实战(1) [实战]MVC5+EF6+MySql企业网盘实战(2)——用户注册 [实战]MVC5+EF6+MySql企业网盘实战(3)——验证码 [实战]MVC5+EF6+MySql

ajax基础语法、ajax做登录、ajax做用户名验证是否可用、ajax做关键字查询动态显示、ajax做用表格显示数据并增加操作列

AJAX: AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 如果此页面用到了ajax方法,一定要在页面上端加上: <script src="../../jquery-1.11.2.min.js"></script> ajax基础语法: <script type="text/javascript">

11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库

1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处理页面的,处理页面只是操作数据库并且返回值,页面都是ajax处理的. ajax的写法: test.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

ajax操作登录

js文件中的内容(ajax.operate.js) ;(function ($, window) { var _ajaxOperate = window.ajaxOperate || {}; _ajaxOperate.callback = false; _ajaxOperate.defaultOpts = { callback:false, clearCallback:false, formParams:{} }; var _ajaxLoginShow = function (opts) { o

ajax简单登录说明

ajax 简单登录说明: //依据id查找节点 function $(id){ return document.getElementById(id); } //依据id查找节点,然后返回节点的value function $F(id){ return $(id).value; } //获得ajax对象 function getXhr(){ var xhr = null; if(window.XMLHttpRequest){ //非ie xhr= new XMLHttpRequest(); }el

Ajax 请求 - 登录网站

JavaScript 中的ajax提交请求 $.ajax({ // 提交地址 url: "", // 提交的数据 data: { key1: value1, key2: value2, key3: value3, key4: value4 }, // 提交前事件 beforeSend: function () { login.hide(); showInfo.html(loginInfo); }, // 提交方式 type: "POST", // 提交的数据类型 d

原生ajax实现登录(一部分代码)

<script type="text/javascript">          function ajax() { //先声明一个异步请求对象          var xmlHttpReg = null;          if (window.ActiveXObject) {//如果是IE xmlHttpReg = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRe

AJAX基本操作 + 登录 + 删除 + 模糊查询

AJAX练习显示页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu