jQueryを利用＠AJAX
jQueryを利用すれば、コーディングがかなり楽になるということなので、
簡単なサンプルを作成してみます。
jQueryは、
http://jquery.com/です。
以下は、表示ボタン押下時に、ファイルを読み込み、
内容を表示しています。
オブジェクトをloadメソッドで、
AJAXによりロードしたコンテンツに置き換えています。
<html>
<head>
<title>Ajax jquery.js</title>
<script type="text/javascript" src="jquery-1.2.3.js"></script>
<script type="text/javascript">
<!--
function show() {
$("#result").load("test.txt");
}
// -->
</script>
</head>
<body>
<input type="button" value="表示" onclick="javascript:show()">
<div id="result"></div>
</body>
</html>
|
