將其他參數從jQuery自動完成發送到php頁面

Question

大家好，基本上我想知道是否有一種方法可以將其他參數從jQuery自動完成發送到php頁面，然后查詢數據庫並將結果發送回去。 我知道要發送已在輸入框中鍵入的術語，但是想知道是否可以從選擇框中發送例如所選選項。

這是我的代碼：

<script src="/scripts/jquery-ui-min"></script>
<script>
 $('#tags').autocomplete({
 search: function(event, ui) {
     $('.test ul').empty();
 },
 source: '/autoCompleteKnowledgeBase.php'
 }).data('autocomplete')._renderItem = function(ul, item) {

 return $('<li/>')
 .data('item.autocomplete', item)
.append(item.value)
.appendTo($('.test ul'));
};
</script>
<form method="POST" action="askAQuestion.php">
 <p>
 Search for:
 <input type="text" id="tags" name="searchFor">
 <input type="submit" id="tags" value="Find ...">
 </p>
 </form>
 <div class="test">Output goes here:<br/><ul></ul></div>
 </div>

autoCompleteKnowledgeBase.php使用該術語並對其進行數據庫查詢，然后將結果發送回JSON。 尋找一種傳遞其他參數（例如選定選項）的方法。

有任何想法嗎？

謝謝

Answer 1

您將可以這樣實現：

var additionalDataToServer;

$('#tags').autocomplete({
 search: function(event, ui) {
     $('.test ul').empty();
 },
 source: function( request, response ) {
   //set any additional data to the request here... for example

   additionalDataToServer = $('#someInput').val();
   request.additionalDataToServer = additionalDataToServer;


   $.getJSON( '/autoCompleteKnowledgeBase.php', request, function( data, status, xhr ) {
      response( data );
   });
  }
 }).data('autocomplete')._renderItem = function(ul, item) {

 return $('<li/>')
 .data('item.autocomplete', item)
.append(item.value)
.appendTo($('.test ul'));
};

在服務器， request.term是由用戶輸入的值request.additionalDataToServer為你添加了一個。