zoukankan      html  css  js  c++  java
  • 利用ajax查找数据库

    利用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" />
    <title>AJAX查询数据</title>
    <script src="../jquery-1.11.2.min.js"></script>
     
    </head>
     
    <body>
    <input type="button" value="显示数据" id="btn" />
    <table id="xianshi" width="100%" cellpadding="0" cellspacing="0" border="1">
    </table>
     
    </body>
    <script type="text/javascript">
    $(document).ready(function(e) {
         
         
       $("#btn").click(function(){
             
            $.ajax({
     
                url:"chuli1.php",
                dataType:"TEXT",
                success: function(data){
                     
                    //alert(data);
                    var str = "<tr><td>代号</td><td>姓名</td></tr>";
                     
                    var hang = data.split("|");
                     
                    for(var i=0;i<hang.length;i++)
                    {
                        var lie = hang[i].split("^");
                             
                        //str+="<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td><td>删除</td></tr>";
                         
                        str+="<tr>";
                         
                        for(var j=0;j<lie.length;j++)
                        {
                            str+="<td>"+lie[j]+"</td>";
                        }
                                     
                        str+="</tr>"         
                    }
                     
                        $("#xianshi").html(str);
                    }
                 
                });
        })
         
    });
     
    </script>
    </html>

    处理页面:主要是讲二维数组装换成字符串的形式

    <?php
     
    include("../test0506/DBDA.class.php");
    $db = new DBDA();
     
    $sql = "select * from Nation";
     
    $attr = $db->Query($sql);//返回一个二维数组
     
    //将二维数组转换成字符串格式因为ajax返回的是text格式的
    //echo "p001^汉族|p002^满族|p003^回族";//类似这种格式的才可以
     
    $str = "";
    foreach($attr as $v)
    {
        //$str = implode("^",$v);//$v里面含有一条一条的数据,列与列之间的
        $str = $str.implode("^",$v);//否则等再次循环时会被替换
        $str = $str."|";   
    }
         
    $str = substr($str,0,strlen($str)-1);//截取字符串的长度
    echo $str; 

    显示结果

  • 相关阅读:
    Day2 三级菜单
    python 练习之购物车
    Day1 登录接口脚本 login.py
    第十周学习进度
    浪潮之巅阅读笔记三
    浪潮之巅阅读笔记二
    浪潮之巅阅读笔记一
    第九周学习进度
    构建执法阅读笔记六
    构建之法阅读笔记五
  • 原文地址:https://www.cnblogs.com/xingfudehuanyan/p/5517883.html
Copyright © 2011-2022 走看看