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>无标题文档</title>
<script src="../crud/bootstrap/js/jquery-1.11.2.min.js"></script>  <!--导入jquery-->
</head>

<body>
<h1>加载数据</h1>

<select id="nation">   <!--下拉列表id-->
</select>

</body>
<script type="text/javascript">
$(document).ready(function(e) {  //jquery使用document后整个页面文档在里面执行ready事件当页面加载完成后在来执行function

    
    $.ajax({
        url:"sel.php",  //处理页面查数据
        dataType:"TEXT",  //返回数据类型
        success: function(data){
            var hang = data.split("|"); //用|拆分行得出数组
            var str = ""; 
            for(var i=0;i<hang.length;i++){//循环遍历行
                var lie = hang[i].split("^");//拆分列得出数据
                str = str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";   //拼接option
            }
            $("#nation").html(str);//select nation输出html的str option
        }
    });
    
});
</script>
</html>

建立一个纯php处理页面

<?php
require_once "../crud/DBDA.class.php";//调用类里面的返回字符串方法
$db = new DBDA();
$sql = "select * from nation"; //建立查询
echo $db->strquery($sql);   //输出类里面拼接后的字符串

//   n001^汉族|n002^回族|n003^满族

/*$str = "";

foreach($arr as $v){
    $str = $str.implode("^",$v)."|"; //用什么区拼接分割
}
$str = substr($str,0,strlen($str)-1);  //去掉最后一个|

echo $str;*/

 

posted @ 2018-01-28 16:06  palpitate  阅读(112)  评论(0)  编辑  收藏  举报