1
我與春天MVC framework.I工作在jsp頁面 和第二個下拉列表中的兩個下拉列表完全依賴於第一個下拉列表,但問題選擇項目後,刷新jsp頁面是,經過選擇第一個和第二個下拉列表中的項目,然後整個頁面被刷新。如何停止在下拉列表
我無法停止ajax調用後刷新頁面。這裏是我的JavaScript代碼(AJAX調用):
function loadDoc() {
var xhttp;
if (window.XMLHttpRequest) {
// code for modern browsers
xhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
document.getElementById("demo").innerHTML = xhttp.responseText;
}
};
xhttp.open("GET", "UserAccess.do", true);
xhttp.send();
}
這裏是我的jsp頁面代碼:
<form:form action="UserAccess.do" commandName="u" method="POST">
<table id="demo">
<tr>
<td >Select City</td>
<form:select class="form-control" path="city_id" onchange="display();loadDoc();">
<form:option value="0">Select</form:option>
<c:forEach var="u" items="${Showcity}">
<form:option value="${u.getCity_id()}">${u.getCity_name()}</form:option>
</c:forEach>
</form:select>
</td>
<td >Select Area</td>
<form:select class="form-control" path="area_id" onchange="display();loadDoc();">
<form:option value="0">Select</form:option>
<c:forEach var="u" items="${ShowArea}">
<form:option value="${u.getArea_id()}">${u.getArea_name()}</form:option>
</c:forEach>
</form:select>
</td>
</tr>
</table>
下拉列表從數據庫中獲得數據通過使用控制器 這是我的控制器頁面代碼:
@RequestMapping(value="UserAccess.do",method=RequestMethod.GET)
List<Userfield>Showcity=getUserservice().Showcity();
map.addAttribute("Showcity",Showcity);
List<Userfield>ShowArea=getUserservice().ShowArea(Integer.parseInt(id));
map.addAttribute("ShowArea",ShowArea);