var request = new XMLHttpRequest();
request.open("GET","get.php",true);
request.send();
request.onreadystatechange = function(){
if(request.readyState = = =4&& request.state = = =200){
//做一些事情 request.responseText
}
}
JQajax：
$.ajax({
// async:false,//同步 默認是true 異步
url:"ajax.php",//請求的服務器地址
data:{uid:"lisi",pwd:"123"},//發送的數據
type:"post",//提交方式 默認 get
dataType:"text",//接收服務器返回的數據格式
success:function(data){//ajax執行成功的回調
chuli(data);
}
});
php頁面鏈接數據庫：
//$db 是數據庫的連接資源
$db = new MySQLi("localhost","root","","z_0705");
!mysqli_connect_error() or die("數據庫連接錯誤");
$db->query("set names utf8");
//寫sql語句
$sql = "select * from student";
//執行sql 語句 返回 <b>結果集</b>
$res = $db->query($sql);
//把結果集轉成數組 from form
$arr = $res->fetch_all();
//var_dump($arr);
echo arrToStr($arr);
返回的二維數組轉為字符串：
//二維數組轉字符串
function arrToStr($arry){//$arry是結果集返回的二維數組
$brr = array();//用來存數組轉字符串
foreach($arry as $v){
$brr[] = implode(",",$v);//數組轉字符串
}
$brr = implode("^",$brr);//數組轉字符串
return $brr;
}
傳到html頁面，ajax接收：
引用jquery：<script src="/JS/jquery-3.1.1.min.js"></script>
$.ajax({
// async:false,//同步 默認是true 異步
url:"ajax.php",//請求的服務器地址
data:{uid:"lisi",pwd:"123"},//發送的數據
type:"post",//提交方式 默認 get
dataType:"text",//接收服務器返回的數據格式
success:function(data){//ajax執行成功的回調
chuli(data);
}
});
字符串轉成二維數組：
/*把字符串轉二維數組
101,李軍,女,1976-02-20 00:00:00,95033^
103,陸君,男,1974-06-03 00:00:00,95031^
105,匡明,男,1975-10-02 00:00:00,95031
*/
function chuli(data){
var arr = data.split("^");//一維數組
var brr = [];//二維數組
for(var i = 0; i <arr.length;i++){
var trmp = arr[i].split(",");
brr.push(trmp);
}
addHtml(brr);
}
頁面展示：
/*往頁面追加元素*/
function addHtml(brr){
var str = "<table width='100%' border='1'>";
for(var i =0;i<brr.length;i++){
str += `
<tr>
<td>`+brr[i][0]+`</td>
<td>`+brr[i][1]+`</td>
<td>`+brr[i][2]+`</td>
<td>`+brr[i][3]+`</td>
<td>`+brr[i][4]+`</td>
</tr>`;
}
str += "</table>";
document.write(str);
}