透過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...

50,667 Responses

  1. Charleskepsy表示:

    no prescription required pharmacy https://easycanadianpharm.com/# canadian pharmacy in canada

  2. Porterfax表示:

    Cheapest online pharmacy Best online pharmacy online pharmacy delivery usa

  3. Porterfax表示:

    easy canadian pharm easy canadian pharm easy canadian pharm

  4. MichaelGeony表示:

    best online pharmacy no prescription http://familypharmacy.company/# buying prescription drugs from canada

  5. Charleskepsy表示:

    prescription drugs online https://easycanadianpharm.shop/# reputable canadian online pharmacy

  6. WillieRap表示:

    reputable mexican pharmacies online: buying from online mexican pharmacy – xxl mexican pharm

  7. WillieRap表示:

    easy canadian pharm: canadian pharmacy king – easy canadian pharm

  8. Charleskepsy表示:

    canadian pharmacy world coupons https://megaindiapharm.com/# MegaIndiaPharm

  9. Linn Metzker表示:

    I really like your shit

  10. Charleskepsy表示:

    legit non prescription pharmacies https://easycanadianpharm.shop/# canadian pharmacies

  11. Porterfax表示:

    uk pharmacy no prescription Online pharmacy USA online pharmacy delivery usa

  12. Davidmoits表示:

    online pharmacy delivery usa: Best online pharmacy – Cheapest online pharmacy

  13. Charleskepsy表示:

    offshore pharmacy no prescription https://discountdrugmart.pro/# discount drugs

  14. MichaelGeony表示:

    rx pharmacy coupons https://megaindiapharm.com/# Mega India Pharm

  15. Davidmoits表示:

    top 10 pharmacies in india: Mega India Pharm – Mega India Pharm

  16. MichaelGeony表示:

    no prescription required pharmacy https://easycanadianpharm.shop/# easy canadian pharm

  17. Davidmoits表示:

    xxl mexican pharm: xxl mexican pharm – xxl mexican pharm

  18. Porterfax表示:

    mexican pharmaceuticals online buying from online mexican pharmacy mexican rx online

  19. WillieRap表示:

    drug mart: discount drug mart – drug mart

  20. Porterfax表示:

    discount drugs discount drugs discount drug pharmacy

  21. Charleskepsy表示:

    canada pharmacy coupon https://xxlmexicanpharm.com/# xxl mexican pharm

  22. MichaelGeony表示:

    offshore pharmacy no prescription https://familypharmacy.company/# Cheapest online pharmacy

  23. Charleskepsy表示:

    cheap pharmacy no prescription https://xxlmexicanpharm.shop/# mexico drug stores pharmacies

  24. Charleskepsy表示:

    prescription drugs online https://megaindiapharm.com/# indian pharmacy paypal

  25. WillieRap表示:

    easy canadian pharm: pharmacy wholesalers canada – best rated canadian pharmacy

  26. WillieRap表示:

    easy canadian pharm: easy canadian pharm – easy canadian pharm

  27. MichaelGeony表示:

    online pharmacy discount code https://xxlmexicanpharm.com/# xxl mexican pharm

發佈留言

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