Ajax實例
阿新 • • 發佈：2018-01-29
doc var each 請求 roo light 二維數組 itl 無標題
下來列表實例
引入jquery文件
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無標題文檔</title> <script src="../jquery-1.11.2.min.js"></script> </head>
樣式
<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;//返回字符串
}
}
}
Ajax實例