2012年10月1日 星期一

第一個範例:取得台中行政區域 (Part II)


第一個範例:取得台中行政區域 (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() 方法:
      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);
        });
      }
    
    .get() 方法的第一個參數就是遠端的網址,而第二個參數就是成功呼叫之後的 callback 函數;由於該函數的內容與 Part I 的部分相同,本文就不再贅述。 喔,.post() 方法跟 .get() 方法雷同,你們可以直接把程式碼中的 get 改成 post 即可。(由於跨域了,以下按鈕無法執行,請依照本文練習)最後完成的結果如下:

    取得台中行政區域


Written by: 國立中興大學資管系呂瑞麟 Eric Jui-Lin Lu

沒有留言:

張貼留言