☰

Django、jQuery、オートコンプリート 質問する

tag-icon • tag-icon jquery python django autocomplete
Django、jQuery、オートコンプリート 質問する

徹底的に調査 (Google 検索) しましたが、Django と jQuery を使用してオートコンプリートを設定する方法に関する最新のチュートリアルが見つかりません。さまざまなプラグインがあるようですが、どのプラグインをいつ使用するかについて一貫性や標準がないようです。

私は Django や jQuery のプロではありませんが、十分に文書化されていて、かなり簡単に使用できるオートコンプリート ソリューションが必要です。

提案はありますか?

ベストアンサー1

Django モデル内から検索する場合は、次のようになります。

from django.utils import simplejson
    def autocompleteModel(request):
    search_qs = ModelName.objects.filter(name__startswith=request.REQUEST['search'])
    results = []
    for r in search_qs:
        results.append(r.name)
    resp = request.REQUEST['callback'] + '(' + simplejson.dumps(result) + ');'
    return HttpResponse(resp, content_type='application/json')

jQuery のオートコンプリートと呼び出しの場合:

function searchOpen() {
    var search = $('#txtSearch').val()
    var data = {
        search: search
    };
    $.ajax({
        url: '/search.json',
        data: data,
        dataType: 'jsonp',
        jsonp: 'callback',
        jsonpCallback: 'searchResult'
    });
}


function searchResult(data) {
    $( "#txtSearch" ).autocomplete ({
        source: data
    });
}

最後に、入力フォームでこれらすべてを接続すると、次のようになります。

<input type="text" name="search" id="txtSearch" onkeyup="searchOpen()" />

注意: これは、標準の jQuery に加えて Jquery UI も使用します。

おすすめ記事