как результаты поиска будут перенаправлены на HTML-страницу с помощью ajax - PullRequest
0 голосов
/ 25 января 2019

Это код для поиска в режиме реального времени с использованием ajax с использованием поля поиска. Если мы щелкнем по результату окна поиска, скажем, если мы будем искать «Индию», то по результату этого поиска, если мы нажмем, мы должны перейти кНапример, «india.html.Файл json будет содержать запись «Индия»

<script>
$(document).ready(function(){
 $.ajaxSetup({ cache: false });
 $('#search').keyup(function(){
  $('#result').html('');
  $('#state').val('');
  var searchField = $('#search').val();
  var expression = new RegExp(searchField, "i");
  $.getJSON('data.json', function(data) {
   $.each(data, function(key, value){
    if (value.name.search(expression) != -1 || value.location.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.location+'</span></li>');
    }
   });   
  });
 });

 $('#result').on('click', 'li', function() {
  var click_text = $(this).text().split('|');
  $('#search').val($.trim(click_text[0]));
  $("#result").html('');
 });
});
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...