在前面的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會以POST方式向後台發送業務，這裡因為測試很簡單，因此我要使用GET方法。於是設定method:"get"。這是Ajax內部識別用的，因此並不是"GET"。然後傳入一個傳輸完成時對應的處理方法，這裡為onComplete。那麼一旦處理完成，Ajax會自動調用onComplete這個方法，同時會傳入處理時所建立的XMLHttpRequest對象。
因此你可以使用這個方法來解析資料。
上面的例子執行完成後的效果就是，當你點選連結時，它上面的文字會從message變為hello, world。請注意，這個hello, world是從後台來的。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
