protopyte.js ajax

在前面的Blog中我使用原始的XMLHttpRequest做了一个简单的测试。下面我将使用prototype.js来实现类似的测试。

HTML文件

<html>
<head>
<title>Test</title>
   <script src="prototype.js"></script>
</head>
<body style="background-color:#cccccc">
<script>
    function showmessage() {
        new Ajax.Request('getmessage.py', {method:"get", onComplete:onComplete});
    }
    function onComplete(transport){
        a = transport.responseXML.getElementsByTagName("a")[0];
        $('message').innerHTML = a.firstChild.nodeValue;
    }

</script>
<span id="message" style="display:inline">message</span>
<div><a id="demoPanelLink" href="javascript:showmessage();">Click Here</a></div>
</body>
</html>

那么主要的变化是:

  1. 创建Ajax(它定义在prototype.js)的一个实例,传入要访问的URL和调用的选项参数。

    在缺省情况下,Ajax会以POST方式向后台发送业务,这里因为测试很简单,因此我要使用GET方法。于是设置method:"get"。这是Ajax内部识别用的,因此并不是"GET"。然后传入一个传输完成时对应的处理方法,这里为onComplete。那么一旦处理完成,Ajax会自动调用onComplete这个方法,同时会传入处理时所创建的XMLHttpRequest对象。
  2. 定义一个onComplete处理方法,参数为将要传入的XMLHttpRequest对象。

    因此你可以使用这个方法来解析数据。

上面的例子执行完成后的效果就是,当你点击链接时,它上面的文字会从message变为hello, world。请注意,这个hello, world是从后台来的。

你可能感兴趣的:(JavaScript,html,Ajax,function,测试,XMLhttpREquest)