重複の可能性:
サーブレットと Ajax の使用方法
今朝、私は 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 (result.jsp と同じルート フォルダーにある index.jsp にあります)
<div id="empInformation">
</div>