透過JS跨網域存取XML檔

為了一些安全性的因素,通常伺服器會阻擋跨網域的XML存取,當然如果你是該網站開發者,所開發的頁面應該將會被放在被認可的網域中,不會碰到這個問題,但我們在開發前期有可能會不在所屬的網域,這樣就會造成開發上的困難,不過我們可以透過Yahoo所提供的YQL查詢語法來解決這個問題,以下就是相關的說明:

若我們在自己的電腦用以下的語法去存取一個網路上的XML

<script>
    $(function () {
        var xmlSource = "http://stanley.cloudlab.tw/crossDomainXML/testXML.xml";
        $.ajax({
            url: xmlSource,
            success: function (data) {
                console.log(data);
            }
        })
    })
</script>

很可能會出現「No Access Control Allow Origin」的訊息:

Cross doamin XML access

但如果套用上YQL之後

<script>
$(function(){
	var xmlSource = "http://stanley.cloudlab.tw/crossDomainXML/testXML.xml";
	var yqlURL = [
		"http://query.yahooapis.com/v1/public/yql",
		"?q=" + encodeURIComponent("select * from xml where url='" + xmlSource + "'"),
		"&format=xml&callback=?"
	].join("");

	$.getJSON(yqlURL, function(data){
		console.log(data)
	});
	
})
</script>
Cross doamin XML access

可以看到已經可以抓到XML內容,這樣可以讓我們較為方便的去開發,其他詳細的使用說明可以參考Yahoo YQL Guide

You may also like...

56,734 Responses

  1. Williszew表示:

    http://mexicanpharminter.com/# Mexican Pharm International

  2. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали ремонт приставок xbox рядом, можете посмотреть на сайте: ремонт приставок xbox
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  3. Williszew表示:

    https://indiamedfast.shop/# IndiaMedFast.com

  4. JamesGag表示:

    india online pharmacy store: india pharmacy without prescription – cheapest online pharmacy india

  5. Howardenace表示:

    canadian pharmacy 24: canadian drugstore online no prescription – canadianpharmacyworld com

  6. Arthurhow表示:

    https://interpharmonline.com/# legitimate canadian online pharmacies
    legitimate canadian pharmacies

  7. Howardenace表示:

    canadian pharmacy online ship to usa: highest rated canadian online pharmacy – reputable canadian online pharmacy

  8. DonDonrob表示:

    darknet drug links https://github.com/nexusdarkrtv1u/nexusdark – darknet market lists

  9. JamesGag表示:

    canadian drug: online canadian pharmacy no prescription – reliable canadian pharmacy

  10. Howardenace表示:

    legitimate canadian online pharmacies: certified canada pharmacy online – online canadian pharmacy

  11. Pingidiof表示:

    darknet market links https://github.com/aresonioncq0a7/aresonion – dark web markets

  12. Williszew表示:

    https://indiamedfast.shop/# india pharmacy without prescription

  13. Arthurhow表示:

    https://interpharmonline.shop/# my canadian pharmacy reviews
    canada pharmacy online legit

  14. Williszew表示:

    https://interpharmonline.com/# best canadian pharmacy online

  15. Howardenace表示:

    online canadian pharmacy: highest rated canadian online pharmacy – trustworthy canadian pharmacy

  16. JamesGag表示:

    mexican pharmacy online store: mexican pharmacy online order – MexicanPharmInter

  17. DonDonrob表示:

    dark web markets https://github.com/nexusdarkrtv1u/nexusdark – darknet markets onion address

  18. Edwardsep表示:

    GUD Tech is at the forefront of blockchain innovation, providing secure, scalable, and efficient decentralized technology solutions. Whether you’re looking for blockchain infrastructure, smart contract development, or enterprise-grade decentralized applications, GUD Tech offers cutting-edge solutions to enhance security and efficiency. Designed for businesses and developers, GUD Tech ensures seamless integration of blockchain technology into real-world applications. https://gudchain.net

  19. JamesGag表示:

    canadian pharmacy world: canada pharmacy no prescription – canadian pharmacy meds

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。