このWeb ページで HDIV と AJAX の統合の例を説明しています。
要約すると、サーバー側ですべてのリンク要素とフォーム要素を作成する必要があります。それらがクライアント側で作成された場合、HDIV にはそれらを処理する方法がありません。
これは、純粋な JS を使用した例です。
<body>
<h1>AJAX Example</h1>
<c:url value="/ajax/ajaxTime.html" var="url1" />
<h2><div id="myDiv" data="${url1}">Let AJAX make this call</div></h2>
<button type="button" onclick="loadXMLDoc()">View data time</button>
</body>
<script>
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) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", document.getElementById("myDiv").getAttribute("data"), true);
xmlhttp.setRequestHeader("X-Requested-With","XMLHttpRequest");
xmlhttp.send();
}
</script>
役立つことを願っています
フェルナンド ロザーノ (HDIV チーム)