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>