ใช้ ajax เอ แจ็ก ดึงข้อมูลจากฐานข้อมูลมาแสดงบนเว็บ

jQuery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , jQuery และ Ajax

Moderator: mindphp, ผู้ดูแลกระดาน

sonram
PHP Sr. Member
PHP Sr. Member
โพสต์: 81
ลงทะเบียนเมื่อ: 11/07/2016 10:05 am

ใช้ ajax เอ แจ็ก ดึงข้อมูลจากฐานข้อมูลมาแสดงบนเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย sonram »

ใช้ ajax (เอ แจ็ก) ดึงข้อมูลจากฐานข้อมูลมาแสดงบนเว็บ
ดึงข้อมูลจาก ฐานข้อมูล ด้วยเทคนิค Ajax เพื่อให้ไม่ต้องโหลดหน้าใหม่ เมื่อมีการเรียกข้อมูล

รูปภาพ

โค้ด: เลือกทั้งหมด

<!DOCTYPE html>
<html>
<head>
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<title></title>
</head>
<body>
<div class="container">
<table border="1" class="table table-striped" >
	<thead >
		<tr>
			<th>group_id</th>
			<th>forum_id</th>
			<th>auth_option_id</th>
			<th>auth_role_id</th>
			<th>auth_setting</th>
		</tr>
	</thead>
	<tbody id="mybody" align="center">
		
	</tbody>
</table>
</div>
<script src="https://code.jquery.com/jquery-3.0.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
			$.ajax({
				type:'POST',
				url:'ajaxgrid.php',
				cache: false,
				success:function(response){
				//alert(html);
				console.log(response);
				var obj = JSON.parse(response);
      					$.each(obj, function(key, val) {
				   		var tr = "<tr>";
				   		tr = tr + "<td>" + val['group_id'] + "</td>";
				   		tr = tr + "<td>" + val['forum_id'] + "</td>";
				   		tr = tr + "<td>" + val['auth_option_id'] + "</td>";
				   		tr = tr + "<td>" + val['auth_role_id'] + "</td>";
				   		tr = tr + "<td>" + val['auth_setting'] + "</td>";
				   		tr = tr + "</tr>";
				   		$('#mybody').append(tr);
			  	});
      					alert(tr);
			}
		});
</script>
</body>
</html>
ลองนำไปประยุกต์ใช้ดูนะครับ สามารถอ่านเพิ่มเติมได้ ที่นี้
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 25