$(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":"陈星"}]}
分享到:
相关推荐
一个最简单明了的例子,代码十分简洁 我觉得很好,学习AJAX必备的例子
java学习资料集合(js+jsp+jqurey+Struts2+hibernate+Spring+jdbc+java基础等)
本文后台主要使用SSH框架搭建,前台使用了DWR和jquery的结合,本项目主要分为三个角色,普通用户,管理员和会员。属于在线购票
Jqurey+WebServices+Ajax分页 图片稍后传上去
Jqurey 和 Ajax的结合使用,新手学生所用
NULL 博文链接:https://justcoding.iteye.com/blog/553509
简单的struts2中应用jquery ajax小例子,布置一下就能运行,
SimpleAJAXCommenting是一款基于jQuery插件的ajax 评论系统,程序小巧好用,已翻译为中文版本,修正了数据库编码以及一些小错误,现在可以稳定运行了。本评论系统也适合想在PHP中学习Ajax的朋友提供一份参考范例。 ...
本文介绍了jqurey+Jscex打造游戏力度条,如果大家玩过桌球类游戏的话,对力度条的概念一定不会陌生,如下图: 其实,类似的条条无处不在!比如进游戏时候的进度条、魔兽世界里法师施法过程中读的条等等·····...
实现Jquery Ajax 三种方案进行前后台数据传输,界面内容传值及返回值实例!
城市级联实例 数据库交互 java jqurey ajax $.getjson
实现简单的在线群聊和私聊,正常发表情以及更改背景和字体大小
Struts2+hibernate+Spring(Ajax JQurey) 集成采用JQurey框架无刷新状态
ajax无刷新上传图片,使用jqurey+ajaxfileupload
jqurey的资源包,包含jquery源码和jquery的中文参考手册
jquery+ajax每秒向后台发送请求数据然后返回页面(包括jquery页面加载完毕才执行方法)
jQuery带搜索功能的下拉框,可以动态添加数据,实现级联效果。效果图参看博客:https://blog.csdn.net/BigBoySunshine/article/details/88293931
jQuery插件—mcdropdow(仿下拉框多层次) jQuery插件—mcdropdow(仿下拉框多层次)
JQuery可以实现动态网页的效果图