JavaとAjaxでページを作る(2)-サーバーからテキストをロードする(クロスブラウザ)
前回はそれぞれIEとIE以外の場合の通信の仕方のサンプルを紹介しました。今回はブラウザに関わらず動作するサンプルコードを紹介します。
IEとIE以外のブラウザかどうかはtypeof window.XMLHttpRequestを使って先に判定しています。ブラウザのバージョンについては、先に上位の方から生成し、例外が発生したら下位のバーションで生成するようにしています。
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<title>javaとajaxでページを作る(2)</title>
<script type="text/javascript"><!--
function loadData()
{
if(typeof window.XMLHttpRequest == "undefined" ||
typeof window.XMLHttpRequest == "object")
{
try{
xhObj = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xhObj = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
xhObj.onreadystatechange = displayData;
}
else
{
xhObj = new XMLHttpRequest();
xhObj.onload = displayData;
}
xhObj.open("GET","data.txt",true);
xhObj.send(null);
}
function displayData()
{
if ((xhObj.readyState == 4) && (xhObj.status == 200))
{
document.getElementById("display").innerHTML = xhObj.responseText;
}
}
// --></script>
</head>
<body>
<h1>javaとajaxでページを作る(2)</h1>
<form name="form1">
<input type="button" value="ロード" onClick="loadData()"><br>
</form>
<div id="display"></div>
</body>
</html>
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<title>javaとajaxでページを作る(2)</title>
<script type="text/javascript"><!--
function loadData()
{
if(typeof window.XMLHttpRequest == "undefined" ||
typeof window.XMLHttpRequest == "object")
{
try{
xhObj = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xhObj = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
xhObj.onreadystatechange = displayData;
}
else
{
xhObj = new XMLHttpRequest();
xhObj.onload = displayData;
}
xhObj.open("GET","data.txt",true);
xhObj.send(null);
}
function displayData()
{
if ((xhObj.readyState == 4) && (xhObj.status == 200))
{
document.getElementById("display").innerHTML = xhObj.responseText;
}
}
// --></script>
</head>
<body>
<h1>javaとajaxでページを作る(2)</h1>
<form name="form1">
<input type="button" value="ロード" onClick="loadData()"><br>
</form>
<div id="display"></div>
</body>
</html>
次回はサーバーからXMLを読み込むサンプルを紹介します。
| (2007年11月25日) |
ちょっと一休み. Javaキーワード並び替えゲーム
画面に表示される文字列を並び替えるとJavaに関連するキーワードになります。ヒントをたよりに並び替えを行ってエンターを押してください。
ユーザ登録をしてログインするとランキングに参加できます。
 |
Flex Tips |  |
|
 |
|
DWRでリッチなWebページを作る！ | |
|
|
Java Tips java.io 編 | |
|
|
|
Java Tips java.lang 編 | |
|
|
|
Java Tips java.math 編 | |
|
|
|
Java Tips java.util 編 | |
|
|
|
Java Tips java.util.zip 編 | |
|
|
|
Java Tips java.text 編 | |
|
|
|
Javaからデータベースを利用する | |
|
|