来自ajax的灵魂拷问（下），深入浅出带你解析ajax请求的各种适用场景

原创于 2019-09-16 09:10:06 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

java 同时被 2 个专栏收录

4 篇文章

订阅专栏

WEB

2 篇文章

订阅专栏

本文深入探讨了在复杂场景中使用Ajax进行数据传输的方法，特别是针对下拉框加载数据字典内容的处理方式，如添加学生时选择班级或添加医生时选择科室。文章提供了前端代码示例和JS函数，展示了如何利用Ajax请求动态填充下拉选项。

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

承接上文，现在我们基本上已经能应对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>