承接上文,现在我们基本上已经能应对ajax发送请求各种常规场景了,但是对于一些复杂的场景,上篇提到的方法仍然不是特别适用,下面我将继续带领大家看一看ajax传参比较复杂的场合的处理方法
场景四:一个下拉框,如何通过ajax请求获取数据字典里面的内容?(典型代表,添加学生的时候选择班级,添加医生的时候选择科室)
前端代码
<div class="row cl">
<label class="form-label col-xs-4 col-sm-2"><span class="c-red">*</span>所属科室:</label>
<div class="formControls col-sm-3"><span class="select-box">
<select id="administrativeId" name="administrativeId" class="select" >
<option>请选择</option></select></span>
</div>
js函数
<script>
$(document).ready(function(){
$.get("administrative/getAll",function(data,status){
var str = "<option >请选择</option>";
for (var i=0;i<data.length;++i){
str +="<option value=\""+data[i].id+"\">"+data[i].name+"</option>";
}
$('#administrativeId').html(str);
});
});
</script>