JQuery Autocomplete使用Ajax例子

html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>AuCom.html</title>

		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="this is my page">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">

		<link rel="stylesheet" type="text/css" href="Js/jquery.autocomplete.css">
		<link rel="stylesheet" href="css/style.css" type="text/css"></link>
		<script type="text/javascript" src="Js/jquery-1.4.1.js"></script>
		<script type="text/javascript" src="Js/jquery.autocomplete.js"></script>
		<script type="text/javascript" src="Js/acom.js"></script>
	</head>

	<body>
		<input type="text" id="aa"/>
<!--  	<span id="bb"></span>-->
	</body>
</html>

js:

$(document).ready(function() {
	$("#aa").autocomplete("/MyJs/MyTestServlet",{
		max:4,
//		delay: 400,
		dataType:"json",
//		extraParams:{"dept_id":1},//传过去的固定值
		parse:function(data){
			return maps=$.map(data[0].data,function(item,index){
				return {
					data:item,
					value:item["id"]+"",
//					value:item["id"]+"", //数字+""
					result:function(){
						return item["id"];
					}
				};
			});
		},
		formatItem:function(row,index,len){//这里的row相当于data
//			alert(row.tname);
			return row.tname;
		},
		formatResult:function(v){
			$("#aa").submit_id=v["id"];
			return v.id;
		}
	});
});


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值