php - 键入后实时搜索不会删除“旧”数据
问题描述
我已经建立了一个 live-search-inline-x-editable 页面。x-editable 一切正常,但我的实时搜索遇到了一个大问题。
每次我在搜索表单中输入一个字符时,脚本都会将合适的输出放在列表的末尾,但不会删除“旧”输出。
我在这里环顾四周,测试了几种可能性,都没有成功,希望你能给我一些帮助。
谢谢你。
这是一个(希望是)我的问题的小 jpg: https ://dolnik.di-eredar.de/ultimo/images/result.jpg
我的 index.php 的代码如下所示:
<script type="text/javascript" language="javascript" >
$(document).ready(function()
{
function fetch_auftrag_data(query)
{
$.ajax(
{
url:"fetch.php?get=search_data",
method:"POST",
data:{query:query},
dataType:"json",
success:function(data)
{
for(var count=0; count<data.length; count++)
{
var html_data = '<tr><td>'+data[count].id+'</td>';
html_data += '<td data-name="strasse" class="strasse" data-type="text" data-pk="'+data[count].id+'">'+data[count].strasse+'</td>';
html_data += '<td data-name="plz" class="plz" data-type="text" data-pk="'+data[count].id+'">'+data[count].plz+'</td>';
html_data += '<td data-name="ort" class="ort" data-type="text" data-pk="'+data[count].id+'">'+data[count].ort+'</td>';
html_data += '<td data-name="hh" class="hh" data-type="text" data-pk="'+data[count].id+'">'+data[count].hh+'</td>';
html_data += '<td data-name="betrag" class="betrag" data-type="text" data-pk="'+data[count].id+'">'+data[count].betrag+'</td>';
html_data += '<td data-name="schluessel" class="schluessel" data-type="text" data-pk="'+data[count].id+'">'+data[count].schluessel+'</td>';
html_data += '<td data-name="tour" class="tour" data-type="text" data-pk="'+data[count].id+'">'+data[count].tour+'</td>';
html_data += '<td data-name="ob" class="ob" data-type="text" data-pk="'+data[count].id+'">'+data[count].ob+'</td>';
html_data += '<td data-name="kunde" class="kunde" data-type="text" data-pk="'+data[count].id+'">'+data[count].kunde+'</td>';
html_data += '<td data-name="ap" class="ap" data-type="text" data-pk="'+data[count].id+'">'+data[count].ap+'</td>';
html_data += '<td data-name="ort_kunde" class="ort_kunde" data-type="text" data-pk="'+data[count].id+'">'+data[count].ort_kunde+'</td>';
html_data += '<td data-name="beirat" class="beirat" data-type="text" data-pk="'+data[count].id+'">'+data[count].beirat+'</td>';
html_data += '<td data-name="beirat_tel" class="beirat_tel" data-type="text" data-pk="'+data[count].id+'">'+data[count].beirat_tel+'</td>';
html_data += '<td data-name="vertrag_start" class="vertrag_start" data-type="date" data-pk="'+data[count].id+'">'+data[count].vertrag_start+'</td>';
html_data += '<td data-name="ht" class="ht" data-type="select" data-pk="'+data[count].id+'">'+data[count].ht+'</td>';
html_data += '<td data-name="md" class="md" data-type="select" data-pk="'+data[count].id+'">'+data[count].md+'</td>';
html_data += '<td data-name="ar" class="ar" data-type="select" data-pk="'+data[count].id+'">'+data[count].ar+'</td>';
html_data += '<td data-name="ir" class="ir" data-type="select" data-pk="'+data[count].id+'">'+data[count].ir+'</td>';
html_data += '<td data-name="gp" class="gp" data-type="select" data-pk="'+data[count].id+'">'+data[count].gp+'</td>';
html_data += '<td data-name="wd" class="wd" data-type="select" data-pk="'+data[count].id+'">'+data[count].wd+'</td>';
html_data += '<td data-name="nd" class="nd" data-type="select" data-pk="'+data[count].id+'">'+data[count].nd+'</td>';
html_data += '<td data-name="hsm" class="hsm" data-type="text" data-pk="'+data[count].id+'">'+data[count].hsm+'</td>';
html_data += '<td data-name="reikra" class="reikra" data-type="text" data-pk="'+data[count].id+'">'+data[count].reikra+'</td></tr>';
$('#auftrag_data').append(html_data);
}
}
});
}
$('#search').keyup(function(ev)
{
var searchString = $(this).val();
if (searchString != '') {
var letters = /^[A-Za-z]+$/;
if (searchString.match(letters))
{
fetch_auftrag_data(searchString);
}
else
{
searchString = searchString.substring(0, searchString.length - 1);
$('#search').val(searchString);
}
}else
{
$('#auftrag_data').html('');
}
});
fetch_auftrag_data();
</script>
我的 search.php 的代码
if(isset($_POST["query"]))
{
$search = mysqli_real_escape_string($connect, $_POST['query']);
if(!empty($search))
$query = "SELECT * FROM d_auftrag
WHERE strasse LIKE '%".$search."%'
OR plz LIKE '%".$search."%'
OR kunde LIKE '%".$search."%'
ORDER BY strasse
";
$result = mysqli_query($connect, $query);
$output = array();
while($row = mysqli_fetch_assoc($result))
{
$output[] = $row;
}
echo json_encode($output);
unset($output);
exit;
}else{
$query = "SELECT * FROM d_auftrag ORDER BY strasse";
$result = mysqli_query($connect, $query);
$output = array();
while($row = mysqli_fetch_assoc($result))
{
$output[] = $row;
}
echo json_encode($output);
unset($output);
exit;
}
解决方案
推荐阅读
- swift - 如何创建与多个可点击按钮相结合的水平滚动视图?
- google-admin-sdk - Google Admin SDK 报告 API 活动 OAuth 令牌审核事件
- javascript - ts 文件中的模块导出不是模块错误
- c++ - 调整对象不是小部件类型 GtkBuilder
- javascript - 在 css 中用 % 改变我的宽度,改变 bootstrap flex
- javascript - 消息提及和作者返回 TypeError:无法读取未定义 Discord.js 的属性“id”
- c++ - 碎片着色器和玩家移动的 glsl 奇怪行为
- javascript - 如何在单选按钮单击时在 React js 中映射数据?
- reactjs - 反应动画离开 div 内容
- python - 使用字典查找获得最高百分比的学生的姓名