日期:2014-05-16 浏览次数:20492 次
	$(document).ready(
		function() {
			$.ajax({
				url : "userList.do",
				dataType : "json",
				data : "{}",
				textField : "name",
				valueField : "id",
				contentType : "application/json;charset=utf-8",
				traditional : true,
				success : function(data) {
					var option = null;
					//遍历所得到的JSON
					$.each(data.result, function(i, item) {
						option+="<option value=\"" + item.id + "\" >"+ item.name + "</option>";
					});
					$("#name").html(option);//填充下拉框选项
				},
				error : function(msg) {
					alert("出错了!");
				}
			});
		});
ajax参数解析如下:
?
??? ?? url:ajax请求的地址
??????? datatype:ajax请求返回的数据格式,可以是"xml”或"json”,默认为"json” 
??????? textfield:ajax请求返回的数据中下拉列表框选项文本的字段,默认为"text” 
??????? valuefiled:ajax请求返回的数据中下拉列表框选项值的字段,默认为"value”
??????? keepold:布尔类型,是否保留下拉列表框选项原有选项,默认为不保留 
??????? selected:数值型,填充选项后第几项为选中状态,默认为0 
?
对应的后台返回的Json格式为:
?
{"totalCount":2,"result":[{"id":1,"name":"王兴"},{"id":3,"name":"陈星"}]}
?
?