php - 使用 PHP MYSQL 进行 AJAX 实时搜索
问题描述
我正在尝试为我的网站创建 Ajax 实时搜索。我目前尝试遇到一些问题,该代码不起作用。有人可以帮助我:)当我尝试 search.php 时,第一个 ajax 没有响应我第二次尝试的查询 http 请求是错误 idk 我努力解决这个问题
我正在使用 php 5.6 AJAX jquery 2.1.3 Bootstrap 4
直播.php
<?php include "header.php"; //ajax and jquery script loaded are here?>
<body>
<div class="container">
<label for="ajaxs">Search</label>
<input type="text" name="search_text" id="search_text" placeholder="Search Keyword" class="form-control" /><br>
<div id="result"></div>
<br>
</div>
</body>
</html>
<script>
$(document).ready(function(){
load_data();
function load_data(query)
{
$.ajax({
url:"search.php",
method:"POST",
data:{query:query},
success:function(data)
{
$('#result').html(data);
}
});
}
$('#search_text').keyup(function(){
var search = $(this).val();
if(search != '')
{
load_data(search);
}
else
{
load_data();
}
});
});
</script>
搜索.php
<?php
require "koneksi2.php"; //mysql connection are here
$output = '';
if(isset($_POST["query"]))
{
$search = mysq_real_escape_string($_POST["query"],$koneksi);
$query = "
SELECT * FROM bukutamu
WHERE id LIKE '%".$search."%'
OR dari LIKE '%".$search."%'
OR agama LIKE '%".$search."%'
OR email LIKE '%".$search."%'
OR komentar LIKE '%".$search."%'
";
}
else
{
$query = "SELECT * FROM bukutamu ORDER BY id";
}
$result = mysq_query($query,$koneksi);
if(mysq_num_rows($result) > 0)
{
$output .= '
<div class="table-responsive">
<table class="table table-bordered table-hover table-light:hover">
<tr class="thead bg-primary text-white">
<th>No</th>
<th>Dari</th>
<th>Agama</th>
<th>Email</th>
<th>Komentar</th>
<th>Tanggal</th>
</tr>';
$no = 0;
while($row = mysql_fetch_array($result))
{
$no++;
$output .= '
<tr>
<td>'.$no.'</td>
<td>'.$row["dari"].'</td>
<td>'.$row["agama"].'</td>
<td>'.$row["email"].'</td>
<td>'.$row["komentar"].'</td>
<td>'.$row["tglsimpan"].'</td>
</tr>
';
}
echo $output;
}
else
{
echo 'Data Not Found';
}
?>
解决方案
推荐阅读
- docker - Apache Superset 在生产中重定向到 IP
- python - Python Netsnmp 和 snmpwalk
- reactjs - Nextjs 检查初始渲染是否在服务器端完成
- c++ - 使用包含指针的队列时的奇怪行为
- docker - docker_container:如何添加多个卷
- stanford-nlp - StanfordCore NLP for Apache UIMA RUTA 的类型描述符文件
- java - ArrayList 上的 ConcurrentModificationException
- vb.net - DataGridView 计算行数以分配高度
- sql - 带括号的 MS Access 中的我的查询错误
- angular - 反应形式在构造上调用自定义验证器函数?