3

jQuery オートコンプリートを使用すると、データベースからの値ではなく、[オブジェクト オブジェクト] がオートコンプリート要素の下にレンダリングされます (エラー スクリーンショットはここをクリックしてください)。誰かが私が間違っているところを提案してもらえますか?

これが私のjQuery Mobileコードです

$( document ).on( "pageinit", "#myPage", function() {
    $( "#autocomplete" ).on( "listviewbeforefilter", function ( e, data ) {
        var $ul = $( this ),
            $input = $( data.input ),
            value = $input.val(),
            html = "";
        $ul.html( "" );
        if ( value && value.length > 2 ) {
            $ul.html( "<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>" );
            $ul.listview( "refresh" );
            $.ajax({
                url: "/get_names/",
                dataType: "json",
                crossDomain: true,
                data: {
                    q: $input.val()
                }
            })
            .then( function ( response ) {
                $.each( response, function ( i, val ) {
                    html += "<li>" + val + "</li>";
                });
                $ul.html( html );
                $ul.listview( "refresh" );
                $ul.trigger( "updatelayout");
            });
        }
    });
});

これが私のhtmlコードです

<div data-role="page" id="myPage">

    <div data-role="content">

    <ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search House Id..." data-filter-theme="d"></ul>
    </div><!-- /content -->
</div>

これがviews.pyの私のDjangoコードです

def get_names(request):
    q = request.GET.get('term', '')
    names = Names.objects.filter(names__startswith=q)[:10]
    results = []
    if names.count > 0:
        for name in names:
            name_json = {}
            name_json['id'] = name.id
            name_json['label'] = name.name
            name_json['value'] = name.name
            results.append(name_json)
            data = json.dumps(results)
    else:
             data = 'fail'

    mimetype = 'application/json'
    return HttpResponse(data, mimetype)
4

2 に答える 2

2

次のように、JSON 値にドリルダウンする必要があります。

val.id

val.label

val.value

val.labelのテキストになりたいと思う<li>ので、コードは次のようになります。

$.each( response, function ( i, val ) {
    html += "<li>" + val.value + "</li>";
});
于 2013-10-24T13:57:17.627 に答える
2

私はdjangoに精通していませんが、正しくフォローしている場合は、次を変更する必要があると思います:

$.each( response, function ( i, val ) {
  html += "<li>" + val.value + "</li>";
});

val はオブジェクトです。

また、デバッグのヒントとして、あなたのような状況に遭遇した場合に val がどうなるかを把握するためにconsole.log(response);、の前に追加します。$.each();

于 2013-10-24T13:54:40.003 に答える