SHOJI's Code
仕事や趣味で書いた各種言語のプログラミングコード(エクセルVBA,PHP,C/C++,JavaScript等)、その他雑記。
アクセスアップ・SEO対策・検索エンジン登録
2008.07<<12345678910111213141516171819202122232425262728293031>>2008.09
初めてのAjax
ちまたで最近よくみかける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 - ジャンル:コンピュータ
コメント
この記事へのコメント
コメントを投稿する

管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL
この記事へのトラックバック
copyright © 2004-2006 SHOJI, Powered By FC2ブログ all rights reserved.
無料ホームページ アフィリエイト レンタルサーバー FC2ブログ 一戸建て