jQuery使用AJAX與xml

張貼者：赤紅翼零 6月 05, 2026

【公開聲明】關於近期網路特定言論與個資洩漏事件的說明

大家好，我是江舜智（紅色死神）。近期有許多長期關注我的朋友、學生以及合作夥伴向我反映，網路上有特定人士（Threads 帳號 @drama.note）持續在各類與事件無直接關聯的討論串、課程資訊以及公開貼文下方留言，並引導他人前往我的個人網站與公開平台，同時以負面標籤及特定敘事方式討論我個人。由於相關行為已持續相當長一段時間，甚至延伸至現實生活層面，對我的合作單位、教學夥伴以及部分學生造成困擾與壓力，我對此感到遺憾，也對受到影響的朋友們表達歉意。因此，我希望藉此機會向所有關心此事的朋友，說明我的立場與態度。一、關於事件本身：理性討論永遠受到歡迎多年來，不論是在軟體開發、網頁前端教學領域，或是經營「Uniform Map 制服地圖」、進行攝影創作與分享個人觀點時，我始終相信公開透明與理性交流的重要性。我並非完美的人，任何人都可能有思慮不周或與他人意見不同的時候。過去關於網站經營模式與相關議題，網路上確實出現過不少討論與質疑，而相關事項也曾進入司法程序接受調查。經檢察機關完整調查後，最終依法作出不起訴處分，案件已告確定。這代表相關指控經過司法審查後，並未認定存在違法情事。即使如此，我仍然願意以開放的態度面對外界意見。如果有人對於我的教學內容、網站運作方式，或任何公開言論抱持不同看法，我始終歡迎在尊重彼此的前提下進行公開且理性的討論。若有任何值得檢討與改進之處，我也願意虛心接受建設性的批評與建議。二、關於持續性的騷擾行為：應以事實與法律為依據我認為理性討論與持續性騷擾之間，存在明確界線。近一年來，特定人士的部分行為已不再只是針對議題提出意見，而是逐漸演變成持續性的人身攻擊與現實層面的干擾，包括： • 在與事件無直接關聯的課程公告、教學資訊及各類公開討論串中，反覆張貼我的個人資訊與相關內容。 • 主動聯繫我的合作單位與工作相關機構，對其施加壓力或進行干擾。 • 在司法程序進行期間及收到相關通知後，仍持續以指名道姓方式發布涉及人格評價與攻擊性的言論。我尊重每個人表達意見與監督公共議題的權利，但我同樣認為，任何討論都應建立在事實基礎上，並尊重法律程序與他人的基本權益。無論支持或反對我的人，都有權自行查閱公開資訊、了解案件經過並形成自己的判斷，而不是透過片面標籤或情緒性指控來取代事實。三、我的處理方式對於相關爭議，我始終選擇透過法律與制度來處理，...

最近在寫一個案子，因為有產品的列表，可是我手邊可以用的的主機不能使用資料庫，可是又想要能夠方便維護，於是我就想到xml，雖然公司這邊都是使用json去parse資料，可是因為另一個案子有需要用到xml，於是我就先使用xml，之後再看情況來使用json。

首先使用ajax把xml解開

$.ajax({
 url:'source.xml', //外部的xml檔
 type: 'GET',
 dataType: 'xml',
 success: parseXml
});

上面是一些常見的
url: 代表網址就不解釋了
type: http的請求狀態，通常不是post就是get
dataType: 預定從伺服器回傳的資料格式
success: 當呼叫成功執行的動作

如果想要傳送資料到後台，則可以使用data

data: {location: $('#location').val(), startTime: $('#start_time').text()}

之後到後台接資料就可以了

$location=$_GET['location']; $startTime=$_GET['startTime'];

此外還有一些可以使用：
cache: 如果不希望瀏覽器快取，可是設為false
error: 如果ajax呼叫錯誤回傳
complete: 資料傳輸完畢回傳，用這個就可以搭配loading效果來使用，當loading結束關閉loading動畫

想看更多的用法可以到jQuery Ajax看更多用法。

成功了就parseXml，把xml的結構解析出來在讓他變成html就可以了。

function parseXml(xml){
 $(xml).find("shoe").each(function(){
  var $shoe = $(this);
  var $num = $(this).find('num').text();
 });
}

如果要讀取label裡的id屬性

<label id="000" type="leisure" ...>

就用attr就可以了

$(this).attr('id')

如果想要取得xml內元素的數目，則使用$(節點).length就可以了

參考資料:
jQuery教學－jQuery讀取XML整合與應用
TIPS-神奇的jQuery XML查詢魔法
Reading XML with jQuery
Jquery Ajax解析XML数据

搜尋此網誌

紅色死神

精選文章

【公開聲明】關於近期網路特定言論與個資洩漏事件的說明