使用ajax加载数据字典表并加载到页面下拉选框

最新推荐文章于 2024-04-06 10:01:16 发布

向阳的野草

最新推荐文章于 2024-04-06 10:01:16 发布

阅读量1.8k

点赞数

分类专栏： Java Java技术性代码 ajax

本文链接：https://blog.youkuaiyun.com/qq_41009846/article/details/82906189

版权

本文介绍了如何在jsp页面上利用jQuery从数据字典表base_dict加载数据，并在页面初始化时填充到不同的下拉选择框中。详细讲解了前端代码、后端处理及数据库操作，包括关键参数的解释，例如select标签的name属性值，以及如何根据不同的业务场景回显初始选项。还提供了一段示例代码和后台获取数据的DAO层方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数据字典表 base_dict

后附数据库sql文件 ![在这里插入图片描述](https://img-blog.youkuaiyun.com/20180930105938159?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMDA5ODQ2/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

jsp页面加载数据字典jquery代码

使用了jsonlib进行封装json需要几个包链接如下： https://download.youkuaiyun.com/download/qq_41009846/10697320

/* 使用ajax从后台动态加载数据字典  生成下拉选框     
	typecode：数据字典类型
	positionId：将下拉选放入的标签id
	selectame：生成下拉选时select标签的那么属性值
	selectedid：需要回显时选中的那个option
 */
	function loadSelect(typecode,positionId,selectname,selectedId){
			// 创建select对象   将name属性指定
			var $select = $("<select name="+selectname+"></select>");//$select前的$表示他是一个jquery对象
			//添加提示选项
			$select.append($("<option value=''>---请选择---</option>"));
			//使用jquery的ajax方法  访问后台action
			$.post("${pageContext.request.contextPath}/BaseDictAction",{dict_type_code:typecode},
			function(data){
				//遍历代码
				$.each(data,function(i,json){
				//每次遍历创建一个option对象   并添加到select对象（判断一下是否需要回显）
					var $option = $("<option value='"+json['dict_id']+"'>"+json["dict_item_name"]+"</option>");
					if(json['dict_id']==selectedId){
					/* 判断是否需要回显 */
						$option.attr("selected","selected");
					}
					/* 添加select对象 */
					$select.append($option);
				});
			},"json");
			//放回json数组对象，对其进行遍历   
			//将最终组装好的select对象放入页面指定位置
		 	$("#"+positionId).append($select);
	}

在页

最低0.47元/天解锁文章