日期:2014-05-16 浏览次数:20491 次
$(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":"陈星"}]}
?
?