AJAXのお勉強

PHPの読み出し＠AJAX

PHPの読み出しです。

以下では、マウスフォーカス時に、
test.phpにリクエストを送り、レスポンスを表示しています。
prototype.jsを利用します。


<html>
<head>
<title>Ajax PHPを読み出す</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
<!--

function show() {

    var a = new Ajax.Request(
        //test.phpを読み出し
        "test.php ",
            {
            "method": "get",
            onSuccess: function(request) {
                //読み込み成功
                $('result').innerHTML = "成功";
                },
            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>


    print "Hello World";
?>

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