今天早上我创建了一个Java Web应用程序,通过HTML表单接收员工数据并回馈信息。我将信息显示在与show hide div中的表单相同的页面上。工作得很好!
那么我认为这将是练习/学习一些ajax的好地方!因此,我不是使用表单下方的jsp标记显示和隐藏div,而是将jsp标记放在另一个页面中,并在必要时填充div。好吧那就是计划了!
所以这是我第一次尝试使用ajax,所以我一直在关注w3schools Ajax教程,但不幸的是我的程序无效。 result.jsp所需的信息没有被抓取。任何有关如何获取内容并正确显示在div中的指导将非常感激。谢谢你的阅读!并且澄清一下,在我添加ajax之前,这作为show hide div非常有用。
Ajax(遵循w3schools模板)
function writeInformation()
{
var xmlhttp;
if (window.XMLHttpRequest)
xmlhttp = new XMLHttpRequest();
else
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
document.getElementById("empInformation").innerHTML = xmlhttp.responseText;
}
xmlhttp.open("get", "result.jsp", true);
xmlhttp.send();
}
result.jsp(我希望在div中显示的内容。目前没有显示此代码。)
<h2>Employee Information Below:</h2>
${empAttribute.getResult()}
<p />
<input type="button" onClick="closeEmpInfo()" value="Clear Information" />
div(位于index.jsp中,与result.jsp位于同一根文件夹中)
<div id="empInformation">
</div>