Автозаполнение Ajax для Jquery: как отправить динамические параметры
я используюAjax Autocomplete for Jquery
( http://www.devbridge.com/projects/autocomplete/jquery/ ) в одном из моих приложений. Форма поиска выглядит примерно так:
<form id="topsearch" method="POST" action="/searchAll"><input type="text" class="searchform" name="q" id="q" value="Country, City, Hotel or a Tourist Attraction" o nfocus="clearInput(this);" onblur="defaultInput(this);" />
<select id="top_search_select" name="entity_type">
<option value="country">Countries</option>
<option value="city">Cities</option>
<option value="place" selected="selected">Tourist Attractions</option>
<option value="hotel">Hotels</option>
</select>
<input type="submit" name="topsearch" class="submit" value="SEARCH" title="SEARCH"/>
</form>
и конфигурация автозаполнения выглядит так:
<script type="text/javascript">
//<![CDATA[
var a = $('#q').autocomplete({
serviceUrl:'/search',
delimiter: /(,|;)\s*/, // regex or character
maxHeight:400,
width:325,
zIndex: 9999,
params: {entity_type:$('#top_search_select').val()},
deferRequestBy: 0, //miliseconds
noCache: false, //default is false, set to true to disable caching
onSelect: function(value, data){window.location.replace(data);},
});
//]]>
</script>
Теперь проблема в бэкэнде: у меня есть разные обработчики, которые генерируют результаты для разных типов объектов, которые пользователь выбирает с помощью опции выбора в форме.
По умолчаниюentity_type
являетсяplace
который очень хорошо передается обработчику в бэкэнде. Тем не менее, я хочу, чтобы человек выбирал другую сущность из поля выбора в формеparams: {entity_type:$('#top_search_select').val()}
в конфигурации скрипта также обновляется.
Любая помощь или идеи будут высоко оценены. Благодарю.