ajax实例

下来列表实例

引入jquery文件

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="file:///F|/wamp/www/jquery-3.3.1.min.js"></script>
</head>

<body>
</body>
</html>

样式

<body>
<h1>加载数据</h1>
 
<select id="nation">
</select>
</body>

js代码

<script type="text/javascript">
$(document).ready(function(e) {//页面加载完成后在执行的方法
     
    $.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>";//拼接
            }
            $("#nation").html(str);//修改标签
        }
    });
     
});
</script>

处理页面

<?php
require_once "DBDA.class.php";
$db = new DBDA();
$sql = "select * from nation";
echo $db->strquery($sql);//输出字符串

DBDA封装

<?php
class DBDA{
    public $host="localhost"; //服务器地址
    public $uid="root"; //用户名
    public $pwd="123"; //密码
    public $dbname="crud"; //数据库名称
     
    /*
        执行一条SQL语句的方法
        @param sql 要执行的SQL语句
        @param type SQL语句的类型，0代表查询 1代表增删改
        @return 如果是查询语句返回二维数组，如果是增删改返回true或false
    */
    public function query($sql,$type=0){
        $db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname);
        $result = $db->query($sql);
        if($type){
            return $result;
        }else{
            return $result->fetch_all();
        }
    }
    public function strquery($sql,$type=0){//字符串
        $db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname);
        $result = $db->query($sql);
        if($type){
            return $result;
        }else{
            $arr = $result->fetch_all();
            $str ="";
            foreach($arr as $v){
                $str .= implode("^",$v)."|";//拼接字符
            }
            $str = substr($str,0,strlen($str)-1);//截取字符串
            return $str;//返回字符串
        }
    }
}