springmvc oracle实例,Spring MVC中Ajax实现二级联动的简单实例

今天写项目遇到了二级联动，期间遇到点问题，写个博客记录一下。

后台Controller：

@RequestMapping("/faultType")

@ResponseBody

public Map faultType(int id,HttpServletRequest request)throws IOException

{

String ReturnMessage = "";

//获取所有子类故障类型

List fauList=faultTypeService.getById(id);

if(fauList.size()>0){

request.setAttribute("childType", fauList);

ReturnMessage = "OK";

}else {

ReturnMessage = "未找到信息";

}

//*************************************************************

Map ReturnMAP = new HashMap();

ReturnMAP.put("childType", fauList);

return ReturnMAP;

}

前台JSP：

故障类型：

${faulist.faultContent }

故障：

value="" type="hidden" class="col-sm-4 form-control" placeholder="故障">

--请选择--

${faulist.faultContent }

JS：

function typeChange(){

var type=$("#faulttype").val();

var html = "--请选择--";

var CommitUrl = "faultType.do?id=" + type;

$.ajax( {

type : "POST",

contentType : "application/json",

url : CommitUrl,

dataType : 'json',

success : function(result){

var Curedata = $.extend(true, [], result);

if (Curedata.childType != null) {

for(var i=0;i

html+=""+Curedata.childType[i].faultContent+"";

}

$("#faulttype1").empty();

$(html).appendTo("#faulttype1") ;

} }

});

}