最近在開發網站時,遇到了調用xml文件路徑問題,經過一番探索,終于解決了這個問題,特此分享給大家。
jQuery代碼: $(document).ready(function(){ $.ajax({ type: "GET", url: "myxml.xml", dataType: "xml", success: function(xml){ $(xml).find('book').each(function(){ var title = $(this).find('title').text(); var author = $(this).find('author').text(); var year = $(this).find('year').text(); var price = $(this).find('price').text(); var newRow = "<tr><td>" + title + "</td><td>" + author + "</td><td>" + year + "</td><td>" + price + "</td></tr>"; $("#book-table tbody").append(newRow); }); } }); });
代碼中的url:myxml.xml,是相對于當前html文件的路徑。如果xml文件和html文件在同一目錄下,則直接寫xml文件名即可。如果xml文件在html文件的上層目錄,則需要在url中加上相對路徑,如"../myxml.xml"。如果xml文件在html文件的下層目錄,則需要在url中加上相對路徑,如"./folder/myxml.xml"。
如果你還有其他的jQuery調用xml文件路徑問題,歡迎留言討論!
上一篇css怎么檢測div縮小
下一篇css怎么畫個半圓