第一個範例:取得台中行政區域 (Part II)
The following examples had been tested on Mozilla's Firefox and Microsoft's IE. The document is provided as is. You are welcomed to use it for non-commercial purpose.Written by: 國立中興大學資管系呂瑞麟 Eric Jui-Lin Lu
請勿轉貼
看其他教材
在 Part I 中,我們介紹了比較複雜的 .ajax() 方法;本文中,我們介紹 另一個相對簡單的方法 .get()。整個網頁都跟 Part I 幾乎相同,不一樣的 部分只有在 makeRequest() 方法:
- 再來就是定義 makeRequest() 方法,在該方法中我們利用 jQuery 提供的方法
呼叫遠端服務或者檔案,首先介紹最複雜的 .ajax() 方法:
.get() 方法的第一個參數就是遠端的網址,而第二個參數就是成功呼叫之後的 callback 函數;由於該函數的內容與 Part I 的部分相同,本文就不再贅述。 喔,.post() 方法跟 .get() 方法雷同,你們可以直接把程式碼中的 get 改成 post 即可。(由於跨域了,以下按鈕無法執行,請依照本文練習)最後完成的結果如下:
function makeRequest(str) { $.get(str, function(xml) { var msg = ""; $(xml).find("areas").find("area").each(function() { msg += $(this).text() + "<br/>\n"; }); //alert(msg); $("#taichung").html(msg); }); }
取得台中行政區域
Written by: 國立中興大學資管系呂瑞麟 Eric Jui-Lin Lu
沒有留言:
張貼留言