• 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";
    }
    复制代码
  • 相关阅读:
    从零实现一个功能完善的迷你区块链
    Merkle Tree理解起来并不难
    微信、支付宝个人收款的一种实现思路
    PostgreSQL的登录、创建用户、数据库并赋权
    java list 按照多字段排序
    2019年最新全国省市区街道共46462条数据(统计局MySQL数据库)
    一份非常值得一看的Java面试题
    spring scope prototype与singleton
    http请求与响应,TCP三次握手&四次分手
    HTTP协议三次握手过程
  • 原文地址:https://www.cnblogs.com/l5580/p/6186751.html
Copyright © 2020-2023  润新知