前端代码:
<div class="row cl">
<label class="form-label col-xs-1 col-sm-1"><span class="c-red">*</span>科室:</label>
<div class="formControls col-xs-2 col-sm-2">
<span class="select-box"><select class="select" onchange="gradeChange()" id="Department" name="Department">
<option value="mr">--请选择--</option>
</select></span>
</div>
<label class="form-label col-xs-1 col-sm-1"><span class="c-red">*</span>医生:</label>
<div class="formControls col-xs-2 col-sm-2">
<span class="select-box"><select class="select" id ="Doctor" name="Doctor">
<option value="mr">--请选择--</option>
</select></span>
</div>
需要顶一个js函数用于控制和后台的交互
function gradeChange(){
var $Department = $("#Department").val();
$("#Doctor").empty();
$.post("MobleAjax",
{"Department":$Department},
function(result){
var json=eval(result);
var html = "<option value=''> </option>";
$.each(json,function(i,element){
html += "<option value='"+this.name
+"'>"+this.name+"</option>";
alert(this.name+"....."+this.age) ;
})
$("#Doctor").append(html);
},"json");
}
后台servlet的名字叫做MobleAjax.java
代码如下:
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
response.setContentType("text/html;charset=UTF-8");
String Department=request.getParameter("Department");
System.out.print("0000"+Department);
PrintWriter out=response.getWriter();
/*if("18888888888".equals(mobile)) {
System.out.print("true");
out.write("注册失败!!");
}else {
System.out.print("false");
out.write("注册成功!!");
}
unitPropertiesCode*/
Student s=new Student();
s.setAge(8);
s.setName("小张");
Student stu2=new Student();
stu2.setName("8495");
stu2.setAge(84);
Student stu3=new Student();
stu3.setName("894");
stu3.setAge(89);
JSONObject json=new JSONObject();
if("3".equals(Department)) {
String[] a=new String[2];
a[0]="111";
a[1]="222";
System.out.println("12052");
json.put("stu1", s);
json.put("stu2", stu2);
json.put("stu3", stu3);
out.print(json);
}else {
out.print("1");
}
out.close();
}