HTML_AJAXによるAJAXの実践（２）ーーappendによる画面表示追加変更

Ajax

画面作成：

<!-- page.html -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/Javascript" src="server.php?client=all" ></script>
</head>
<body>
     <form method="post">
    <input type="button" 
　　　　onClick="HTML_AJAX.replace('message', 'message.txt')" value="HTML_AJAX.replace">
    <input type="button" 
　　　　onClick="HTML_AJAX.append('message', 'message.txt')" value="HTML_AJAX.append">

    <div id="message">Message</div>
     </form>
</body>
</html>

HTML_AJAXを読み込んで、インスタンス化します。

<?php
// server.php
//
include 'HTML/AJAX/Server.php';

$server = new HTML_AJAX_Server();
$server->handleRequest();
?>

文章が保存しているテキストファイルmessage.txtを作成、
画面上にこのテキストの内容を表示させます。

Ajax

結果：
Appendボタンを押下する度、nessage.txtから文章を読み込んで、
画面の指定したidタグに追加出力する。