锤爆Ajax第一天——java

CourseLiveController.java

@RequiresPermissions("courselive:courseLive:edit")
	@RequestMapping(value = { "selectCourseName", "" })
	@ResponseBody
	public List<String> list(CourseLive courseLive, Model model) {
		List<CourseLive> list = courseLiveService.findList(courseLive);//用findList查询出courseLive所有的信息
		List<String> list1 = new ArrayList<String>();//创建一个中间储存的list1
		for (CourseLive courseLive2 : list) {//循环遍历出list里的所有信息
			list1.add(courseLive2.getCourseName());//循环出来的信息只要CourseName信息，用get/set给弄出来
		}
		return list1;//返回出一个list结果
	}

courseLiveForm.jsp

<script type="text/javascript">
	$.ajax({
		url : "${ctx}/courselive/courseLive/selectCourseName",//框架中规定的url写法，照搬即可
		type : "post",
		dataType : "json",
		success : function(nameList) {//nameList只是一个名字随意起，是刚才那个list1结果集的名字
			for ( var i in nameList) {//
				$("#courseName2").append(//append() 方法在被选元素的结尾插入指定内容。
						"<option>" + nameList[i] + "</option>");
			}
			;
			layui.use('form', function() {
				var form = layui.form;
				form.render();//form渲染
			});
		},
	});
</script>

courseLiveForm.jsp

<div class="layui-form-item" id="courseName22">
	<label class="layui-form-label">课程名称：</label>
	<div class="layui-col-md4">
		<select id="courseName2" name="courseName">
		</select>
		<span class="help-inline"><font color="red">*</font> </span>
	</div>
</div>