この記事では、ASP ページによって返される値を取得する (値の読み込み) JS の実装方法を詳しく紹介します。コードは次のとおりです。
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns=http://www.w3.org/1999/xhtml>
<頭>
<meta http-equiv=Content-Type content=text/html;
<title>AJAX を使用したサーバー側データの取得</title>
</head>
<スクリプト>
関数 create_Object() {
var xmlhttp;
if (!xmlhttp && XMLHttpRequest のタイプ != '未定義') {
試す {
xmlhttp = 新しい XMLHttpRequest();
}
キャッチ (e) {
alert(お使いのブラウザは XMLHTTPRequest をサポートしていません); <BR> xmlhttp = false;
}
}
それ以外 {
xmlhttp = 新しい ActiveXObject(Microsoft.XMLHTTP);
}
xmlhttp を返します。
}
var request = create_Object();
関数サーバーインタラクション() {
if (request.readyState == 1) {
document.getElementById('aja_cnts').value = '';
document.getElementById('aja_cnts').value = '読み込み中...';
}
if (request.readyState == 4) {
var 回答 = request.responseText;
document.getElementById('aja_cnts').value = '';
document.getElementById('aja_cnts').value = 答え;
}
}
関数 call_server() {
request.open(GET, Response.asp);
request.onreadystatechange = サーバーインタラクション request.send('');
}
</script>
<本文>
<input type=button name=btnLoad id=btnLoad value=クリックしてロード onclick=call_server() />;
<入力タイプ=テキストスタイル=幅:265px;高さ:68px;
</body>
</html>
ページの Response.asp コードを取得します: document.getElementById('aja_cnts').value
Response.asp コード例:
次のようにコードをコピーします。
<%
応答.書き込み こんにちは！ You9ストアへようこそ！
Response.Write 当社の Web サイトは次のとおりです: http://www.vevb.com
%>