<html>
<head>
<link href="jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
<script type="text/javascript">
$().ready(function() {
$.post(
"product/product!findProName",
function(data){
$("#name").focus().autocomplete(data.proNames);
},'json');
});
</script>
</head>
<body>
<input type="text" name="name" id="name" value=""/>
</body>
</html>
通过$.post()获得的JSON数据格式为:var product = ["aa","bb","cc"];
效果预览:
jquery-1.8.3.min.js下载
jquery.autocomplete.css下载
jquery.autocomplete.js下载