javascript - 如何验证记录是否未找到或不匹配而不是显示错误?
问题描述
我的实时搜索代码运行良好,但是当我的记录不匹配时,我无法显示错误。请帮我。谢谢
这是我的jQuery代码。
$(document).ready(function(){
$.ajaxSetup({ cache: false });
$('#searchName').keyup(function(){
$('#result').html('');
$('#state').val('');
var searchField = $('#searchName').val();
var expression = new RegExp(searchField, "i");
$.getJSON('result.json', function(data) {
$.each(data, function(key, value){
if (value.name.search(expression) != -1)
{
$('#result').append('<li class="list-group-item link-class"><img src="'+value.image+'" height="40" width="40" class="img-thumbnail" /> '+value.name+' | <span class="text-muted">'+value.city+'</span></li>');
}
else
{
$('#error').html('<p> Error </p>');
}
});
});
});
$('#result').on('click', 'li', function() {
var click_text = $(this).text().split('|');
$('#searchName').val($.trim(click_text[0]));
$("#result").html('');
});
});
My index.html file
<form method="GET">
<input type="text" id="searchName" class="form-control" placeholder="Lorem name">
<button class="search-icon"><img src="images/search-icon.svg" alt="submit"></button>
</form>
<ul class="list-group" id="result"></ul>
解决方案
推荐阅读
- vb.net - For Each 是否引用对象本身或它们的值?
- css - 边缘自定义滚动条
- typescript - 如何从打字稿中的浮点数中获取点之后的数字
- angular - 以角度将可观察对象用于 http 请求的最佳方法是什么?
- java - Java-8 中的方法引用和泛型
- powerbi - 如何将 Power BI 中的最大值和平均值与筛选器结合使用
- web-scraping - 我如何更改 Scrapy 以在洋葱链接上爬行?
- android - Android - WorkManager 强制 UniqueWork 在被退避策略延迟时触发?
- sql - 无法使用 SQL 脚本查找哪个客户购买了 iphone 或 HTC
- python - 如何在 django 管理中将日期层次结构限制为年?