$(document).ready(function() { $("#search").keyup(function() { var text = $('#search').val(); if (text == "") { $("#display").html(""); } else { $.ajax({ type: "POST", url: "search.php", data: { search: text }, success: function(response) { $("#display").text(response); }, error: function() { $("#display").text("something wrong with ajax...!!"); } }); } }); }); <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="script.js"></script> </head> <body> <div class="d-flex justify-content-center align-items-center" style="height:100px;"> <!-- Button trigger modal --> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalCenter"> ค้นหาบางอย่าง </button> </div> </div> </div> <!-- Modal --> <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLongTitle">Search Somrthing..by Mindphp</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <input type="text" class="form-control" id="search" placeholder="ค้นหาอะไรดี"> <hr> <p id="display"></p> <input type="text" name="display" class="form-control" id="display" placeholder=""> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> </body> </html> <?php include 'connect.php'; $search_item = $_POST['search']; $query = "select * from mindphp where program like '%".$search_item."%'"; $result = mysqli_query($conn, $query) or die("Query failed"); $output = ''; if(mysqli_num_rows($result) > 0){ while($row = mysqli_fetch_array($result)){ $output .= $row["program"]; } }else{ $output .= 'ไม่พบข้อมูล'; } echo $output; ?>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
Load balance : Server 04
