autocomplete自动补全，远程json数据

2019独角兽企业重金招聘Python工程师标准>>>

使用前需要引入jquery的相关js，css

js：

$(function () {
            $("#orderNo").autocomplete({
                source: function (query, process) {
                    return $.ajax({
                        url: "/lawyer/businessInfo/search",
                        type: 'post',
                        data: {"orderNo": $( "#orderNo" ).val()},
                        success: function (result) {
                            var resultList = result.rows.map(function (item) {
                                return {
                                    id:item.id,
                                    name:item.businessLabel
                                };
                            });
                            return process(resultList);
                        },
                    });
                },
                select: function( event, ui ) {
                    $( "#orderNo" ).val(ui.item.name);
                    $( "#orderId" ).val(ui.item.id);
                    return false;
                }
			}).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
                    return $( "<li>" )
                        .append( "<a>" + item.name + "</a>" )
                        .appendTo( ul );
			};
        });

远程json数据格式：

{
	"total": 2,
	"rows": [{
		"id": 1,
		"businessLabel": "婚姻纠纷",
	}, {
		"id": 2,
		"businessLabel": "遗产争夺",
	}],
	"code": 0
}

 

转载于:https://my.oschina.net/u/2402229/blog/2994255