jquery ui自動完成 - 如何？

但是，我想使用jquery ui自動完成。

我想通過它的網址，它會從那裏得到的建議。

我的問題是
1：我該如何指定url？
2：我如何格式化迴應？

2010-09-15 Hailwood

這裏是一個全功能的例子就在這裏計算器HTTP：/ /stackoverflow.com/questions/3700371/not-sure-how-to-use-the-jquery-ui-autocomplete – 2010-09-15 01:14:53

這沒有幫助？ - http://jqueryui.com/demos/autocomplete/#remote – 2010-09-15 01:15:17

啊好多了。我在看這裏：http://docs.jquery.com/UI/Autocomplete – Hailwood 2010-09-15 01:25:08

這應該讓你開始指定URL部分。

首先創建一個輸入字段以將自動完成插件附加到。

<input type="text" name="query" />

然後使用此javascript將自動完成附加到剛剛創建的輸入框。

$("#query").autocomplete({ 
     source: "/suggestions/get/", 
     select: function(event, ui) { 
      $("#new-field").val(ui.item.value); 
     } 
    });

請求URI會是這樣的......

/suggestions/get/?term={selection}

selection代表自動完成的選擇。

現在在您的服務器端，您需要解析uri並使用參數term的值來執行任何操作 - 在數據庫中搜索選定的選項或其他內容。

你應該格式化你這樣的反應......

suggestion1 
suggestion2 
suggestion3 
suggestion4

的建議，應該在一個新的生產線（由\n分隔）

來源

2010-09-15 01:32:41 vikmalhotra

是的，但是服務器端的迴應是什麼樣的？ - 這似乎是沒有文檔和無法取樣的。 – 2011-02-22 11:03:42

@pete - 感謝您的提示。查看更新後的答案 – vikmalhotra 2011-02-23 01:06:53

在jQuery UI界面上，您有一個完整的演示，其中包含不同的示例，這應該足夠了。 Here的網址。

來源

2010-09-15 01:15:52

-1這是一條評論。如果這是一個答案，它將解決OP的問題。 – Reigel 2010-09-15 01:22:22

@Reigel：該頁面上的示例非常簡單，它們解決了用戶問題。不知道爲什麼你認爲這應該是一個評論。用戶不知道這個URL，並且（根據他的最新評論）對他有用。 – 2010-09-15 01:30:28

@Claudio - 我從SO的主持人那裏得到了這個評論（還有一個很好的衡量標準），以回答我的答案。「重複的標識/回答與其他URL的問題應該與評論。」 – vikmalhotra 2010-09-15 01:35:29

jquery ui自動完成 - 如何？

回答

相關問題