zoukankan      html  css  js  c++  java
  • 11.10 (上午)开课二个月零六天(ajax基础,ajax做登录)

    test.php

    复制代码
    <!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>
    复制代码
    <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>
    复制代码
    </body>
    </html>
    复制代码

    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

    复制代码
    <!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>
    复制代码
    <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>
    复制代码
    </html>
    复制代码

    dengluchuli.php

    复制代码
    <?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";
    }
    复制代码
  • 相关阅读:
    剑指offer23-二叉搜索树的后序遍历序列
    剑指offer24-二叉树中和为某一值的路径
    剑指offer-复杂链表的复制
    剑指offer-二叉搜索树与双向链表
    剑指offer-字符串的排序
    剑指offer-数组中出现次数超过一半的数字
    剑指offer-最小的k个数
    c++中参数加&与不加的区别
    第九届蓝桥杯(A组填空题)
    基于优先级的多道程序系统作业调度——基于优先级
  • 原文地址:https://www.cnblogs.com/l5580/p/6186751.html
Copyright © 2011-2022 走看看