JQuery Ajax AutoComplete 是用JSON数据

JSON数据的格式：

{"users":[
    {"uid":"123","displayName":"User 123","mail":"[e-mail]"},
    {"uid":"456","displayName":"User 456","mail":"[e-mail]"},
    {"uid":"789","displayName":"User 789","mail":"[e-mail]"},
]}

或者

{[
    {"uid":"123","displayName":"User 123","mail":"[e-mail]"},
    {"uid":"456","displayName":"User 456","mail":"[e-mail]"},
    {"uid":"789","displayName":"User 789","mail":"[e-mail]"},
]}

在服务器端，在返回数据时一定要设置编码，否则会出错：

//设置编码，这句最重要
response.setContentType("application/json;charset=UTF-8");   
response.setCharacterEncoding("UTF-8");   
  
// 设置浏览器不要缓存   
response.setHeader("Pragma", "No-cache");   
response.setHeader("Cache-Control", "no-cache");   
response.setDateHeader("Expires", 0);
String json = "";
response.getWriter().println(json);

在客户端是用JQuery接收JSON数据：

$("#id").autocomplete("url",{
						            delay:10,//延迟10秒
						            max:5,//最多5条记录
						            minChars:1,
						            matchSubset:1,
						            matchContains:1,
						            cacheLength:10,
						            matchContains: true,   
						            scrollHeight: 250, 
						            width:250,
						            dataType:'json',//返回的数据类型为JSON类型
						            parse:function(data) {//解释返回的数据，把其存在数组里
						            	var parsed = [];
								        for (var i = 0; i < data.length; i++) {
								            parsed[parsed.length] = {
							                data: data[i],
							                value: data[i].itemid,
							                result: data[i].itemid //返回的结果显示内容
								        	};
								        }
								        return parsed;
						            },
						            formatItem: function(item) {//显示下拉列表的内容
return "<div>"+item.itemid + "&nbsp;&nbsp;&nbsp;" + item.name+"</div>";
 },
formatMatch: function(item) {
	return item.itemid;
},
formatResult: function(item) {
return item.itemid;
}
 }).result(function(event, item, formatted) {//把返回的结果内容显示在其他文本框上			
				                        $("#ortherid").val(item.name);
				                    });

如果大家有什么不懂的，可以留言提问，我会尽我地能力为大家解答。

评论

9 楼 ocaicai 2011-09-14  

楼主吊胃口，砸！

8 楼 hopehaitun 2011-01-03  

可不可以发个代码呢

7 楼 yucai 2010-12-20  

谢谢你啦~

6 楼 tiwson 2010-06-04  

你最好先验证下在客户端接收到的json数据是字符串还是object类型？如果是字符串的话，需要把字符串转换成json object

5 楼 javabrother 2010-06-03  

我的返回的是个json数组，

4 楼 javabrother 2010-06-03  

这个问题我搞好几天哦，没有成功，明天去公司看看代码，请教你哦

3 楼 tiwson 2010-05-27  

1楼的，请检查你的json数据是否格式正确。

2 楼 jarorwar 2010-04-20  

如果方便的话可以mail给我啊，谢谢了。。[e-mail]

1 楼 jarorwar 2010-04-20  

有没有完整的代码啊。我返回的json数据始终不能解析