11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）

时间：2022-09-12 17:47:53

test.php

11.10 （上午）开课二个月零六天（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="Content-Type" content="text/html; charset=utf-8" />

<script src="../jquery-1.11.2.min.js"></script>

<title>无标题文档</title>

<!--引入jquery包-->

<script src="../jquery-1.11.2.min.js"></script><!--引入的jquery一定是在最上面的-->

<style type="text/css">

</style>

</head>

<body>
11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）
<script type="text/jscript">

    $.ajax({//()里面是JSON数据，外层要加上{}。

        url:"chuli.php",//处理页面地址，表示ajax要用哪个页面处理

        data:{code:"n001"},//传递到处理页面的值，也是JSON数据，要用{}。如果传2个值就在{}里面加逗号，再写另外1个值。

        type:"POST",//传值方式，一般用POST方式，注意POST要大写。

        dataType:".TEXT",//返回值的类型。1.TEXT文本，字符串。2.JSON数据 3.XML可扩展标记语言，主要用在数据传递。

        success:function(data){//表示处理成功之后做什么,后面跟一个匿名函数。回调函数，表示处理页面处理完数据以后执行这个函数。data表示处理页面返回的值，用形参接收。

            },

        error:function(){//处理页面出错以后执行的函数。

            }

        });

</script>
11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）
</body>

</html>
11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）

chili.php

<?php

$code = $_POST["code"];

include("../DBDA.class.php");

$db = new DBDA();

$sql = "select name from nation where code='{$code}'";

echo $db->StrQuery("$sql");//ajax的数据返回的话就直接输出

2.用ajax做登录页面

denglu.php

11.10 （上午）开课二个月零六天（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="Content-Type" content="text/html; charset=utf-8" />

<script src="../jquery-1.11.2.min.js"></script>

<title>无标题文档</title>

</head>

<body>

<div>用户名：<input type="text" id="uid" /></div>

<div>密码：<input type="text" id="pwd" /></div>

<div><input type="button" value="登录" id="btn" /></div>

</body>
11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）
<script type="text/javascript">

$(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("用户名或密码错误");

                    }

                }

            });

        })

});

</script>
11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）
</html>
11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）

dengluchuli.php

11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）
<?php

$uid = $_POST["u"];

$pwd = $_POST["p"];

include("../DBDA.class.php");

$db = new DBDA();

$sql = "select password from login where username='{$uid}'";

$mm = $db->StrQuery($sql);

if($mm == $pwd && $pwd!="")

{

    echo "OK";

}

else

{

    echo "NO";

}
11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）

11.10 （上午）开课二个月零六天（ajax基础，ajax做登录）的更多相关文章

  1. 11&period;10 （下午）开课二个月零六天（ajax验证用户名，ajax调数据库）

    用ajax验证用户名是否可用 testuid.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&quo ...

  2. 11&period;11 开课二个月零七天（ajax和bootstrp做弹窗）

    1.用ajax做弹窗显示信息详情 nation.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&qu ...

  3. 11&period;8 开课二个月零四天 （Jquery取属性值，做全选，去空格）

    1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

  4. 11&period;8 开课二个月零四天 （Jquery）

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. 11&period;7 （下午）开课二个月零三天 （PDO）

    PDO访问方式操作数据库   mysqli是专门访问MySQL数据库的,不能访问其它数据库.PDO可以访问多种的数据库,它把操作类合并在一起,做成一个数据访问抽象层,这个抽象层就是PDO,根据类操作对 ...

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

    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...

  7. 2、JavaScript 基础二 （从零学习JavaScript）

     11.强制转换 强制转换主要指使用Number.String和Boolean三个构造函数,手动将各种类型的值,转换成数字.字符串或者布尔值. 1>Number强制转换 参数为原始类型值的转换规 ...

  8. ubuntu 11&period;10 安装apache2 tomcat6

    ubuntu 11.10 安装apache2 tomcat6 导读 Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目 ...

  9. 显示 Ubuntu 11&period;10 的 终端窗口

    显示 Ubuntu 11.10 的 终端窗口 一.点击左上角的图标 -> 在search框里搜索termial . 二.快捷键:Ctrl+Alt+t.

随机推荐

  1. &lbrack;转&rsqb;passport&period;js学习笔记

    概述 passport.js是Nodejs中的一个做登录验证的中间件,极其灵活和模块化,并且可与Express.Sails等Web框架无缝集成.Passport功能单一,即只能做登录验证,但非常强大, ...

  2. Jquery EasyUI Tree &period;net实例

    图片: 针对tree: 数据库: CREATE TABLE [dbo].[SystemModel]( [Id] [,) NOT NULL, [Name] [nvarchar]() NULL, [Fat ...

  3. （剑指Offer）面试题25：二叉树中和为某一值的路径

    题目: 输入一颗二叉树和一个整数,打印出二叉树中结点值的和为输入整数的所有路径.路径定义为从树的根结点开始往下一直到叶结点所经过的结点形成一条路径. 二叉树结点的定义: struct TreeNode ...

  4. win8命令行

    Win8运行命令.快捷键大全合集 目前看来,Win8还不错,好的产品就是能在短时间改变你使用习惯的产品,首先来给大家讲下windows8 运行命令在哪?其实你可以用Win+R或者你用 WIN+Q再在A ...

  5. &lbrack;APUE&rsqb;进程关系&lpar;上&rpar;

    一.终端登录 1. 4.3+BSD终端登录 系统管理员创建一个通常名为/etc/ttys的文件,其中,每个终端设备有一行,每一行说明设备名和传到getty程序的参数,这些参数说明了终端的波特率.当系统 ...

  6. grunt任务自动管理

    Grunt管理工具使用: 一.模块安装 1.在项目的根目录里新建package.json文件,形式如下,指定依赖的库以及版本信息. 2.然后在项目根目录下,执行 npm install ,安装json ...

  7. Loading Data into a Table；MySQL从本地向数据库导入数据

    在localhost中准备好了一个test数据库和一个pet表: mysql> SHOW DATABASES; +--------------------+ | Database | +---- ...

  8. Golang的数组

    Golang数组 package main import "fmt" func main() { // 定义一个长度为10,元素类型为string的值 li2 := [10]str ...

  9. Unity3D手机斗地主游戏开发实战（02）&lowbar;叫地主功能实现

    大体思路 前面我们实现了点击开始游戏按钮,系统依次给玩家发牌的逻辑和动画,并展示当前的手牌.这期我们继续实现接下来的功能--叫地主. 1.首先这两天,学习了DOTween,这是一个强大的Unity动画 ...

  10. 20165327《Java程序设计》实验一 Java开发环境的熟悉 实验报告

    20165327<Java程序设计>实验二 <Java面向对象程序设计>实验报告 实验二 <Java面向对象程序设计> 一.实验报告封面 课程:Java程序设计 班 ...

相关文章