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

36,627 Responses

  1. IrwinGlync表示:

    buy amoxicillin 500mg uk: amoxicillin 500mg side effects – order amoxicillin 500mg

  2. AnthonyPreep表示:

    generic clomid no prescription can i buy cheap clomid price clomid online

  3. Emmbcj表示:

    buy valacyclovir 1000mg pill – diltiazem pills order acyclovir generic

  4. BrianGub表示:

    https://prednisonest.pro/# prednisone 5 mg tablet cost

  5. Williamces表示:

    prednisone pharmacy: prednisone 20mg tab price – 6 prednisone

  6. AnthonyPreep表示:

    order amoxicillin 500mg buy amoxicillin 250mg amoxicillin order online

  7. BrianGub表示:

    https://clomidst.pro/# how to buy generic clomid online

  8. Danieliteds表示:

    can i order cheap clomid for sale: generic clomid no prescription – can i order clomid

  9. Danieliteds表示:

    order clomid: where buy cheap clomid without insurance – how can i get generic clomid for sale

  10. BrianGub表示:

    http://prednisonest.pro/# prednisone steroids

  11. Ljefal表示:

    ivermectin pills for humans – sumycin over the counter sumycin price

  12. Waynerat表示:

    where can i get generic clomid without insurance: can you get generic clomid – how to get clomid without rx

  13. AnthonyPreep表示:

    clomid medication where can i get generic clomid no prescription can i order generic clomid pills

  14. Williamces表示:

    how to buy clomid: how can i get clomid without insurance – where to buy generic clomid

  15. BrianGub表示:

    https://amoxilst.pro/# buy amoxicillin canada

  16. Williamces表示:

    can i buy clomid prices: when do you take clomid – order generic clomid for sale

  17. Danieliteds表示:

    amoxicillin medicine over the counter: amoxicillin 500mg capsules – amoxicillin 500mg pill

  18. Danieliteds表示:

    can i order clomid pills: clomid for men dosage – buying clomid tablets

  19. IrwinGlync表示:

    medicine prednisone 5mg: how long for prednisone to work – buy prednisone 10 mg

  20. Waynerat表示:

    where to get generic clomid online: get cheap clomid without insurance – can i buy clomid online

  21. Williamces表示:

    buy amoxicillin 500mg capsules uk: order amoxicillin 500mg – order amoxicillin online no prescription

  22. BrianGub表示:

    http://amoxilst.pro/# amoxicillin without a prescription

  23. IrwinGlync表示:

    where can i get clomid tablets: generic clomid pill – can i order cheap clomid tablets

  24. BrianGub表示:

    http://amoxilst.pro/# amoxicillin buy canada

  25. Danieliteds表示:

    get clomid without rx: clomid and progesterone – where to buy clomid without a prescription

  26. Waynerat表示:

    buy clomid pills: online doctor to prescribe clomid – where to buy generic clomid tablets

發佈留言

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