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

ตอบกระทู้


คำถามนี้ เพื่อป้องกันการส่งแบบอัตโนมัติจากสแปมบอท
รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[flash] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: ใช้ ajax เอ แจ็ก ดึงข้อมูลจากฐานข้อมูลมาแสดงบนเว็บ

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

โพสต์ โดย sonram » 15/07/2016 6:21 pm

ใช้ 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>


ลองนำไปประยุกต์ใช้ดูนะครับ สามารถอ่านเพิ่มเติมได้ ที่นี้

ข้างบน