在前面的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>
那么主要的变化是：
- 创建Ajax(它定义在prototype.js)的一个实例，传入要访问的URL和调用的选项参数。
在缺省情况下，Ajax会以POST方式向后台发送业务，这里因为测试很简单，因此我要使用GET方法。于是设置method:"get"。这是Ajax内部识别用的，因此并不是"GET"。然后传入一个传输完成时对应的处理方法，这里为onComplete。那么一旦处理完成，Ajax会自动调用onComplete这个方法，同时会传入处理时所创建的XMLHttpRequest对象。 - 定义一个onComplete处理方法，参数为将要传入的XMLHttpRequest对象。
因此你可以使用这个方法来解析数据。
上面的例子执行完成后的效果就是，当你点击链接时，它上面的文字会从message变为hello, world。请注意，这个hello, world是从后台来的。
5044
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
