日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

<button id="button2">多個用戶</button>

<br>

<hr>

<h1>多個用戶</h1>

<div id="users"></div>

<script>

document.getElementById('button2').addEventListener("click",loadUsers);

function loadUsers(){

var xhr=new XMLHttpRequest();

xhr.open('GET',"user.php",true);

xhr.onload=function(){

if(this.status==200){

var users=JSON.parse(this.responseText);

console.log(users);

var output='';

//遍歷數據

for( var i in users){

output+=`

<ul>

<li>${users[i].id}</li>

<li>${users[i].name}</li>

</ul>

`;

}

document.getElementById('users').innerhtml=output;

}

}

xhr.send();

}

</script>

user.php文件內容：

<?php

#鏈接數據庫

$conn=MySQLi_connect("localhost","root","root","ajaxtext");

$query='select * from users';

$result=mysqli_query($conn,$query);

$users=mysqli_fetch_all($result,MYSQLI_ASSOC);

echo json_encode($users);

?>