在这个场景中基于两个组合框状态和地区
我的 javascript
<script>
function selectState() {
$.ajax({
type : 'POST',
dataType : 'json',
url : '/learnware/selectstate.html',
data : ({
id : $('#state').val()
}),
success: function(responseData) {
if(responseData != null) {
$('#district')
.find('option')
.remove()
.end();
$.each(responseData, function(index,item) {
$('#district').append(
$('<option></option>').val(item['id']).html(item['name'])
);
});
}
}
});
}
</script>
在这里,我的控制器在与 spring 集成的 scala 上
@RequestMapping(value = Array("selectstate.html"))
@ResponseBody
def getState(@RequestParam id: Long): java.util.List[District] = {
var districtList:List[District]=null
if(id!=null){
var districtList:List[District]=districtService.findDistrictListByStateId(id)
println(districtList)
}
districtList
}
最后是我的 html 组合框
<select id="state" onchange="selectState();">
<option th:each="s : ${states}" th:text="${s.stateName}" th:value="${s.id}">India</option>
</select>
<select id="district" >
<option ></option>
</select>
问题是当我更改选择框值时,浏览器(chrome)控制台给了我一些错误,它不会更改为区域选择框
浏览器控制台错误
POST http://localhost:8080/learnware/selectstate.html 406 (Not Acceptable) jquery.js:8706