ajax 文本框改变事件 局部刷新 报错

@RequestMapping(value="selNursinglevelall", method=RequestMethod.GET)
@ResponseBody
public List<Nursinglevel> selNursinglevelall(String nursinglevel_object){
List<Nursinglevel> nursinglevel1 = nursinglevelservice.selNursinglevelAll(nursinglevel_object);
return nursinglevel1;
}
@RequestMapping(value="selNursinglevel", method=RequestMethod.GET)
public String selNursinglevel(Model model,Nursinglevel nursinglevel ,String nursinglevel_object){
List<Nursinglevel> nursinglevel2 = nursinglevelservice.selNursinglevel(nursinglevel);
model.addAttribute("nursinglevel2", nursinglevel2);
return "/WEB-INF/Check/NewFile1";
}
$("#nursinglevel_object").change(function (){
var targetUrl = $(this).attr("data-getDataUrl");
//获得一级select的值
var firstValue = $(this).val();
//如果一级select的值为null,隐藏二、,并返回
$.ajax({
type:'get',
url:targetUrl,
data:{
nursinglevel_object:firstValue
},
cache:false,
dataType:'json',
success:function(nursinglevel1){
var input = "<input value='"+nursinglevel1.nursinglevel_description+"'></input>" ;
var input2 = "<input value='"+nursinglevel1.nursinglevel_expenses+"'></input>";
var input3 = "<input value='"+nursinglevel1.cost+"'></input>";
var input4 = "<input value='"+nursinglevel1.costz+"'></input>";
$("#nursinglevel_description").append(input);
$("#nursinglevel_expenses").append(input2);
$("#cost").append(input2);
$("#costz").append(input2);
$("#nursinglevel_description").fadeIn("slow");
$("#nursinglevel_expenses").fadeIn("slow");
$("#cost").fadeIn("slow");
$("#costz").fadeIn("slow");
},
error:function(){
alert("请求失败")
}
});
});
<div class="control-group">
<label class="control-label" for="name">护理级别:</label>
<select class="form-control" id="nursinglevel_object" >
<option >请选择护理级别</option>
<c:forEach items="${nursinglevel2}" var="listone">
<option value="${listone.nursinglevel_object}">${listone.nursinglevel_object}</option>
</c:forEach>
</select>
</div>
<div class="control-group">
<label class="control-label" for="name"> 级别说明:</label>
<input type="test" readonly="true" id="nursinglevel_description" data-getDataUrl="<%=basePath %>Nursinglevel/selNursinglevelall" class="form-control" value="${nursinglevel1.nursinglevel_description}">
</div>
<div class="control-group">
<label class="control-label" for="name"> 护理级别费用:</label>
<input type="test" readonly="true" id="nursinglevel_expenses" class="form-control" value="${nursinglevel1.nursinglevel_expenses}">
</div>
<div class="control-group">
<label class="control-label" for="name">私人定制费用:</label>
<input type="test" id="cost" readonly="true" class="form-control" value="${nursinglevel1.cost}">
</div>
<div class="control-group">
<label class="control-label" for="name"> 护理总费用:</label>
<input type="test" id="costz" readonly="true" class="form-control" value="${nursinglevel1.costz}">
</div>
相关推荐
ajax异步刷新
分享JavaScript监听全部Ajax请求事件的方法
若Ajax请求是由jQuery的$.ajax发起的,默认情况下可以使用 jQuery的Global Ajax Event Handlers监听到Ajax事件,然而我遇到的却是用原生JavaScript发起的Ajax请求,所以这种方法行不通。 然后呢,还有其他方法,比如说 Pub/Sub,但是这个发起请求的 js 代码我是无法改动的,也就不存在向代码里添加 publish 的问题。同理,jQuery 的 .bind 和 .trigger 也无法使用。 最后,决定使用直接 override XMLHttpRequest,同时配合使用自定义事件。 在 StackOverflow 上搜索,发现有个歪
Ajax的jquery与后台交互
Ajax , jquery与后台交互Ajax , jquery与后台交互很经典的demo
解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"
主要介绍了Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation",非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
ajax跨域访问报错501的解决方法
问题:ajax跨域访问报错501 运行下面的代码会报错501 $.ajax({ type: "POST", url: "http://192.168.1.202/sensordata.php", contentType:'application/json; charset=utf-8', data: JSON.stringify(ajaxPostData), dataType:'json', success: function(data){ //On ajax success do this console.info


