[英]jQuery UI Autocomplete JSON Issue
I use below code for jQuery UI Autocomplete. 我将以下代码用于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>
Below is the return O/P via the AJAX call. 以下是通过AJAX调用返回的O / P。
[{"cityname":"ABCDE"},{"cityname":"ABDCE"},{"cityname":"ABEDC"}]
The problem is city textbox is not filled with citynames from the AJAX ? 问题是城市文本框未填充AJAX中的城市名称? How can I fix this ? 我怎样才能解决这个问题 ?
I referred below two but didn't help. 我在下面提到了两个,但没有帮助。
JQuery UI autocomplete with json and ajax jQuery UI使用json和ajax自动完成
Using jquery ui autocomplete + ajax json data 使用jQuery UI自动完成+ Ajax JSON数据
在您声明的示例中,您声明了[{"cityname":"ABCDE"},{"cityname":"ABDCE"},,{"cityname":"ABEDC"}]
应该是[{"cityname":"ABCDE"},{"cityname":"ABDCE"},{"cityname":"ABEDC"}]
。
Working code would be 工作代码将是
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.