jQuery UI自動完成JSON問題

Question

我將以下代碼用於jQuery UI Autocomplete。

<script>
$(function() {

    $( "#city" ).autocomplete({
        source: function( request, response ) {

        $.post('<?php echo base_url()?>records/get_village_street_town_name', {
           SourceLanguage: 'SourceLanguage',
           inputVal: $( "#city" ).val()
        },

       function (data) { 
            citydata = jQuery.parseJSON( data );

            response( 

            $.each(citydata, function( index, city ) {
                return city.cityname;
            })

        );


       });



        },
        minLength: 2,
    });
});
</script>

以下是通過AJAX調用返回的O / P。

[{"cityname":"ABCDE"},{"cityname":"ABDCE"},{"cityname":"ABEDC"}]

問題是城市文本框未填充AJAX中的城市名稱？ 我怎樣才能解決這個問題 ？

我在下面提到了兩個，但沒有幫助。

jQuery UI使用json和ajax自動完成

使用jQuery UI自動完成+ Ajax JSON數據

Answer 1

在您聲明的示例中，您聲明了[{"cityname":"ABCDE"},{"cityname":"ABDCE"},,{"cityname":"ABEDC"}]應該是[{"cityname":"ABCDE"},{"cityname":"ABDCE"},{"cityname":"ABEDC"}] 。

Answer 2

工作代碼將是

<script>
$(function() {

    $( "#city" ).autocomplete({
        source: function( request, response ) {

        $.post('<?php echo base_url()?>records/get_village_street_town_name', {
           SourceLanguage: 'SourceLanguage',
           inputVal: $( "#city" ).val()
        },

       function (data) { 
            citydata = jQuery.parseJSON( data );

            response( 

            $.map( citydata, function( item ) {
                return item.cityname;
            })

        );
       });

        },
        minLength: 2,
    });
});
</script>