前端 input 自动填充功能

一、前端代码

测试：<input id="test" type="text">


<link rel="stylesheet" href="/css/ace/jquery-ui-1.10.3.full.min.css" />
<script src="/js/ace/jquery-ui-1.10.3.full.min.js"></script>
<script type="text/javascript">
    $(function(){
        $( "#test" ).autocomplete({
            source: "/queryName"
        });
    })
</script>

二、后端请求

三、sql语句

数据库的测试数据：

 

四、效果测试