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

数据字典表 base_dict

后附数据库sql文件 

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

使用了jsonlib进行封装json需要几个包 链接如下： https://download.csdn.net/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);
	}
	

在页