用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;*/