ส่งค่า value โดยใช้ ajax เพื่อ select php

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

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

User avatar
bankjittapol
PHP Super Member
PHP Super Member
Posts: 344
Joined: 21/10/2019 10:19 am

ส่งค่า value โดยใช้ ajax เพื่อ select php

Post by bankjittapol » 08/11/2019 5:54 pm

Ajax(เอแจ็กซ์) ย่อมาจาก Asynchronous JavaScript(อะซิงโครนัส จาวาสคริปต์) and XML(เอ็กเอ็มแอล)
ajax คือ ตัวเชื่อมเเละนำ resource มาเเสดงผลโดยไม่ต้อง รีเฟตหน้า ซึ่งสามารถศึกษาเพิ่มเติมได้ ดังนี้
ajax(เอแจ็กซ์) คืออะไร
การส่งหลายๆค่าพร้อมกัน ด้วย Ajax
ทำการส่งค่า value จากที่ list box ที่เลือก เพื่อใช้เป็น ค่า id ส่งไปอีกหน้าที่ เก็บ Select จากฐานข้อมูลอยู่

Code: Select all

<select class="team">
  <option value="1">ลิเวอร์พูล</option>
  <option value="2">เชลซี</option>
  <option value="3">อาร์เซนอล</option>
</select>
โดยส่งค่า เป็น post ไปที่ selectteam.php ข้อมูล team

Code: Select all

  
  $(".team").change(function(){
              var team = $(".team").val();
              $.ajax({
                type: "POST",
                url: "selectteam.php",
                data:{isteam: team},
                success: function(data){
                  $(".div1").html(data);
                }
              });
            });

หน้า selectteam.php ซึ่ง ใช้ select ฐานข้อมูลมา

Code: Select all

<?php
require_once 'conn.php';
$team =  $_POST["isteam"];
echo "player<br>";
$sql_ajax_team = "SELECT * FROM $datalineup_player  WHERE team_id = $team";
$result_ajax_team = mysqli_query($con,$sql_ajax_team);
while ($rteam = mysqli_fetch_assoc($result_ajax_team)) {
  echo $rteam['play_name']."<br>";
}

?>
เมื่อเลือก ลิเวอร์พูล จะได้รายชื่อของทีม ลิเวอร์พูล
Image
Image

Return to “Jquery & Ajax Knowledge”

Users browsing this forum: No registered users and 2 guests