ちまたで最近よくみかけるAjax。自分でちょっとやってみることにする・・・。
<<head>
<title>Ajax Test</title>
<script language="JavaScript">
<!--
var httpObj;
function LoadHtml()
{
if( (httpObj = createXMLHttpRequest(disp)) )
{
result.innerHTML = "Load Start!";
httpObj.open("GET", ajaxForm.url.value, true);
httpObj.send(null);
}
else
result.innetHTML = "Failed to load " + ajaxForm.url.value;
}
function disp()
{
if( httpObj.readyState==4 )
switch( httpObj.status )
{
case 200:
result.innerHTML = httpObj.responseText;
break;
default:
result.innerHTML = "Error " + httpObj.status;
}
else
result.innerHTML = "Loading...";
}
function createXMLHttpRequest(fn)
{
var XMLhttpObject = null;
try { XMLhttpObject = new XMLHttpRequest(); }
catch(e)
{
try { XMLhttpObject = new ActiveXObject("Msxml2.XMLHTTP"); }
catch(e)
{
try { XMLhttpObject = new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e) { return null; }
}
}
if (XMLhttpObject) XMLhttpObject.onreadystatechange = fn;
return XMLhttpObject;
}
-->
</script>
</head>
<body>
<form name="ajaxForm">
<input name="url" type="text" value="" size="80">
<input type="button" value="読み込み" onClick="LoadHtml();return false;">
</form>
<div id="result" width="100%"></div>
</body>
</html>
テキストボックスに入力したファイルを読み込むようなものを作ってみた。とりあえずはこんな感じで(^^)
テーマ:JavaScript - ジャンル:コンピュータ
|
| ホーム |
SHOJI's Code



