使用 ajax 在 jsp 中即时隐藏消息
Hiding message Instantly in jsp using ajax
我正在 JSP 中开发一个示例 Web 应用程序。在此应用程序中,我想在触发某些操作后调用 servlet 方法,
例如部门列表显示在下拉列表中,选择部门后我想从数据库中检索学生姓名列表。我是 jsp 的新手,任何人都可以帮助我实现这一目标,在此先感谢。
<form method="post" action="index.jsp" name="form1" onsubmit="return checkme()">
<table cellpadding="2">
<tr>
<td>
<p style="color: blue;font-family: sans-serif;">Select Project:</p>
</td>
<td>
<select id="project" onchange="">
<option value="0">Select..</option>
<c:forEach items="<%=department%>" var="entry">
<option value="${entry.key}">${entry.value}</option>
</c:forEach>
</select>
</td>
</tr>
<tr>
<td>
<p style="color: blue;font-family: sans-serif;">Select Employee:</p>
</td>
<td>
<select id="employee">
<option value="0">Select..</option>
<c:forEach items="<%=emplist%>" var="entry1">
<option value="${entry1.key}">${entry1.value}</option>
</c:forEach>
</select>
</td>
</tr>
</table>
<input type="submit" value="Submit">
</form>
使用 jquery 的 ajax 调用将是更简洁有效的方法。像这样:
$.ajax({
type : "GET",
url : "yourservletURLWithParams"
success : function(data) {
//update list
}
});
作为@JunedAhsan 的回答的补充,您也可以在没有 jquery 的情况下完成同样的事情:
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
//success handler
}
}
xmlhttp.open("GET","yourservletURLWithParams",true);
xmlhttp.send();
}
在这里您会找到类似类型的问题以及带有详细说明和示例代码的答案。
Populating cascading dropdown lists in JSP/Servlet
希望对您有所帮助!
我正在 JSP 中开发一个示例 Web 应用程序。在此应用程序中,我想在触发某些操作后调用 servlet 方法, 例如部门列表显示在下拉列表中,选择部门后我想从数据库中检索学生姓名列表。我是 jsp 的新手,任何人都可以帮助我实现这一目标,在此先感谢。
<form method="post" action="index.jsp" name="form1" onsubmit="return checkme()">
<table cellpadding="2">
<tr>
<td>
<p style="color: blue;font-family: sans-serif;">Select Project:</p>
</td>
<td>
<select id="project" onchange="">
<option value="0">Select..</option>
<c:forEach items="<%=department%>" var="entry">
<option value="${entry.key}">${entry.value}</option>
</c:forEach>
</select>
</td>
</tr>
<tr>
<td>
<p style="color: blue;font-family: sans-serif;">Select Employee:</p>
</td>
<td>
<select id="employee">
<option value="0">Select..</option>
<c:forEach items="<%=emplist%>" var="entry1">
<option value="${entry1.key}">${entry1.value}</option>
</c:forEach>
</select>
</td>
</tr>
</table>
<input type="submit" value="Submit">
</form>
使用 jquery 的 ajax 调用将是更简洁有效的方法。像这样:
$.ajax({
type : "GET",
url : "yourservletURLWithParams"
success : function(data) {
//update list
}
});
作为@JunedAhsan 的回答的补充,您也可以在没有 jquery 的情况下完成同样的事情:
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
//success handler
}
}
xmlhttp.open("GET","yourservletURLWithParams",true);
xmlhttp.send();
}
在这里您会找到类似类型的问题以及带有详细说明和示例代码的答案。 Populating cascading dropdown lists in JSP/Servlet
希望对您有所帮助!