Здравствуйте !
На сайте есть живой поиск , работает он следующим образом :
при вводе в строку поиска (от 3х символов) из базы подгружается список (например 100 элементов) ,
при дальнейшем вводе – подгрузки из базы нет, выборка ложится на JS .
Но тут есть один минус .. – при вводе второго слова оно должно идти строго по порядку из списка .. Это сильно затрудняет
поиск. Вот пример того как работает поиск сейчас :
1) вводим в строку "пет"
2) выпадает список:
петля накладная
петля накладная большая
петля полунакладная
петля полунакладная
петля вклданая
петля вкладная большая
и тд..
3) если далее поставить пробел , то скрипт JS весь список скрывает , так как считает что "пет" это целое слово.
4) если же я допишу полностью "петля", затем поставлю пробел, вроде бы все хрошо, но нет !
если далее начать писать слово которое идет не попорядку, например "большая", то скрипт снова не видит совпадения.
----------------
Что необходимо:
Если отталкиваться от выше указанного списка, то неообходиом сделать так, что бы по
запросу "пет больш" или "пет накл" – js скрипт выдавал совпадающий список даже по части слова (начиная сначала слова)
и вне зависимости от того на каком месте это слово (первое, второе или дальше) .
Проще говоря – поиск нужен не строгий как сейчас.
Подозреваю, что решение простое, но опыта не хватает .. (
Сайт на коротором производится доработка :
Пример того что нужно :
Слева внизу есть фильтр по Производителю , вот там если вбить часть (любую часть) слова ,
то поиск отфильтрует как нужно. Нужно такое же , но что бы можно было искать по нескольким ловам (или частям слова)
------------------------
Сейчас скрипт выглядит вот так:
$('#searh .text-input').one( "focus", function(){
$.ajaxSetup({ cache: true });
$.getScript('/includes/jquery/autocomplete/jquery.autocomplete.mi n.js').done(function(script, textStatus) {
console.log('searh');
$('#searh .text-input').autocomplete({ url: "/core/ajax/ajax_srch.php" , remoteDataType: 'json', queryParamName: "q",lineSeparator: "\n",cellSeparator: " ",minChars: 3,maxItemsToShow: 20,delay: 400,
onItemSelect: function( event, ui ) {
console.log("выбранное значение: " , event);
document.location.href = event.data[0];
}
});
});
});
Думаю тут по коду все ясно будет .
Сейчас используется /autocomplete/jquery.autocomplete.min.js
по причине того, что библиотека делает минимум запросов к базе. и используется повсеместно jquery.