jquery.ui.autocomplete-Ajax

最新推荐文章于 2022-07-12 17:36:22 发布

zyssnh51390

最新推荐文章于 2022-07-12 17:36:22 发布

阅读量134

点赞数

文章标签： jquery.ui.autocomplete Ajax

本文链接：https://blog.csdn.net/zyssnh51390/article/details/84535845

版权

//附件JS和CSS

---------------------------------------------------------------------------------------------------------------------------

$(function() {
   var cache = {};
    $("#proName").autocomplete({
                source: function(request,response){
                var term = request.term;
             if (term in cache) {
                data = cache[term];
                response( $.map( data, function( item ) {
                    return {
                        codeKey:item.codeKey,
                        codeValue:item.codeValue,
                    }
                }));
             } else {
                var url = "${ctx}/telePhoneManageAction.do?method=ajaxAutocomplete";
                 $.ajax({
                     url: url,
                     dataType: "json",
                     data:{
                         searchInfo: request.term     //ajax赋值后台
                     },
                     success: function( data ) {
                         cache[term] = data;
                         response( $.map( data, function( item ) {
                             return {
                                 codeKey:item.codeKey,
                                 codeValue:item.codeValue,
                             }
                         }));
                     }
                 });
             }
        },
        minLength: 1,
        select: function(event,ui) {
            $("#proName").val(ui.item.codeValue);
            $("#proID").val(ui.item.codeKey);
            return false;
        }
    }).data("ui-autocomplete")._renderItem = function (ul, item) {
        return $("<li>").append("<a>"+ item.codeValue + "</a></li>") .appendTo(ul);
    };
});

</script>

---------------------------------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------------------------------

//Action

//searchInfo接收页面传入的值

public void ajaxAutocomplete(@Read(key = "searchInfo") String searchInfo) {
        if(StringUtils.isNotBlank(searchInfo)){
            searchInfo = new String(searchInfo.getBytes("iso-8859-1"), "UTF-8");
            List<CodeInfo> list = new ArrayList<CodeInfo>();

             # 自己赋值list
            String str = JSONArray.fromObject(list).toString();
            super.renderText(str);
        }
    }

---------------------------------------------------------------------------------------------------------------------------

//VO

public class CodeInfo implements Serializable {
private java.lang.String codeKey;
private java.lang.String codeValue;

#get

#set

}