第二個範例：呼叫遠端 servlet

第二個範例：呼叫遠端 servlet

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

請勿轉貼

看其他教材

---

這個範例是對應 AJAX 入門：第二個範例。 在第一個範例中，為了簡化起見，我們只是將遠端的檔案下載下來， 再經由 jQuery 的內建功能（如 find() 和 text()）功能來剖析 XML 文件。可是 絕大多數的 jQuery 網頁都是跟伺服器端的程式來做互動的，因此在第二個範例中， 我們延續第一個範例，差別只是在於這次我們呼叫的對象是伺服器端的程式，其他不變。 雖然在本範例我們採用的遠端程式是 Java servlet，但是遠端程式可以是其他 開發環境，例如 php、asp、perl 等；另外，由於本例所使用的 servlet 程式跟 AJAX 對應文件的程式相同，我們就不再把 servlet 端的程式列示出來。 跟第一個範例主要的差別如下：

• 由於是呼叫遠端程式，所以按鈕中的 onclick="makeRequest('taichung.xml') 需要改變成遠端的網址，依據 servlet 的網址，該段設定需要改成 onclick="makeRequest('http://xml.nchu.edu.tw:8080/jlu/servlet/Taichung')。


• 由於 servlet 回傳的是一個 HTML 檔，而不是一個 XML 檔，所以 makeRequest() 並不需要處理 XML 的內容，而是直接接收即可，因此我們把它改成

    function makeRequest(str) {
      $.get(str, function(result) {
          $("#taichung").html(result);
      });
    }
  



• 最後完成的結果如下： （由於跨域的安全考量，下列按鈕無法執行，請至demo 網頁）
  
  取得台中行政區域