Web サイトにオートコンプリート機能が必要ですが、私は JSON 派ではありません。JSON を扱ったことがないので、プレーンな MySQL の結果からオートコンプリートできることを願っています。
しかし、私がここで見たものから: http://jqueryui.com/demos/autocomplete/ MySQL の結果からオートコンプリートを取得する可能性はありません。それは本当ですか?
Web サイトにオートコンプリート機能が必要ですが、私は JSON 派ではありません。JSON を扱ったことがないので、プレーンな MySQL の結果からオートコンプリートできることを願っています。
しかし、私がここで見たものから: http://jqueryui.com/demos/autocomplete/ MySQL の結果からオートコンプリートを取得する可能性はありません。それは本当ですか?
AJAX 呼び出しを行って検索結果を取得し、JSON としてクライアント側に送り返すだけです。次に、それを AutoComplete Textbox にバインドするだけです。
使用する jQuery プラグインはhttp://docs.jquery.com/UI/API/1.8/Autocompleteです
Example- A textbox with ID 'txtlocation' is added with autocomplete functionality here.
$(document).ready(function(){
$("#txtlocation").autocomplete({
source: function (request, response) {
$.ajax({
url: "/PublicHome/AutoPopulateLocation", //Call to Server Side
data: "{ 'searchText': '" + request.term + "' }",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
dataFilter: function (data) { return data; },
success: function (data) {
response($.map(data, function (item) {
return {
value: item.Suburb
}))
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
}
});
},
open: function (event, ui) {
$(this).autocomplete("widget").css({
"width": 344,
"font-size": 11,
"font-family": "Arial"
});
}
});
});