AJAXのお勉強

Prototy.js@AJAX

Prototy.jsを利用すれば、コーディングが楽になります。

以下は、マウスフォーカス時に、ファイルを読み込み、
内容を表示しています。


<html>
<head>
<title>Ajax prototype.js</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
<!--

function show() {

    var a = new Ajax.Request(
        "test.txt",
            {
            "method": "get",
            onSuccess: function(request) {
                //読み込み成功
            },
            onComplete: function(request) {
                //読み込み完了
                $('result').innerHTML = request.responseText;
            },
            onFailure: function(request) {
                //読み込み失敗
            },
            onException: function (request) {
                //読み込み中にエラー
            }
        }
    );
}

// -->
</script>
</head>
<body>

<a href="#" Onmouseover="javascript:show()">test</a><BR>
<BR>
<div id="result"></div>

</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.