首页 > 解决方案 > 如何验证记录是否未找到或不匹配而不是显示错误?

问题描述

我的实时搜索代码运行良好,但是当我的记录不匹配时,我无法显示错误。请帮我。谢谢
这是我的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>

标签: javascriptjqueryjsonrest

解决方案


推荐阅读