利用ajax查找数据库

Posted 幸福的谎言

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了利用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; 

显示结果

以上是关于利用ajax查找数据库的主要内容,如果未能解决你的问题,请参考以下文章

利用ajax实现与php数据交互,并局部刷新页面

利用ajax向jsp传输数据

layui 利用ajax冲获取到json 数据后 怎样进行渲染

利用Ajax加载数据

Django前端页面利用ajax动态显示数据

利用ajax的方式来提交数据到后台数据库及交互功能