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

37,615 Responses

  1. Michaelhig表示:

    cost cheap clomid online: order generic clomid pills – how to buy clomid without rx

  2. DomenicEcoff表示:

    prednisone 20mg price in india: prednisone 20mg prices – prednisone without prescription

  3. JosephBix表示:

    https://clomida.pro/# how to buy generic clomid without prescription

  4. BryanAgist表示:

    amoxicillin 500 mg cost: buy cheap amoxicillin online – cheap amoxicillin 500mg

  5. BrainDer表示:

    https://stromectola.top/# buy ivermectin cream for humans

  6. DomenicEcoff表示:

    amoxicillin buy online canada: amoxicillin discount – amoxicillin price without insurance

  7. BryanAgist表示:

    prednisone buy without prescription: prednisone pak – can i buy prednisone online without a prescription

  8. BrainDer表示:

    http://clomida.pro/# can i order clomid pill

  9. Michaelhig表示:

    amoxicillin online without prescription: amoxicillin cost australia – order amoxicillin online

  10. DomenicEcoff表示:

    amoxicillin from canada: amoxicillin without prescription – amoxicillin 500 mg tablet

  11. BrainDer表示:

    http://stromectola.top/# ivermectin 8000 mcg

  12. Michaelhig表示:

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

  13. Jameswaw表示:

    amoxicillin without a prescription amoxicillin medicine over the counter cheap amoxicillin 500mg

  14. Bbseel表示:

    desloratadine 5mg pills – purchase ketotifen pills albuterol buy online

  15. Jameswaw表示:

    where can i buy amoxicillin over the counter uk ampicillin amoxicillin where to get amoxicillin over the counter

  16. BrainDer表示:

    https://azithromycina.pro/# zithromax online paypal

  17. Jameswaw表示:

    where to get amoxicillin over the counter how to buy amoxycillin where can i buy amoxocillin

  18. Michaelhig表示:

    ivermectin: cost for ivermectin 3mg – buy stromectol pills

  19. Michaelhig表示:

    prednisone buy no prescription: 6 prednisone – prednisone 15 mg tablet

  20. DomenicEcoff表示:

    average cost of generic zithromax: zithromax 250 price – zithromax online australia

  21. BrainDer表示:

    http://clomida.pro/# can i buy cheap clomid without dr prescription

  22. JosephBix表示:

    http://stromectola.top/# stromectol xr

  23. BrainDer表示:

    http://stromectola.top/# stromectol 6 mg tablet

  24. Jameswaw表示:

    5 mg prednisone tablets prednisone 10 tablet prednisone 10mg for sale

  25. Jameswaw表示:

    prednisone 20mg tab price prednisone 20mg for sale buy prednisone with paypal canada

發佈留言

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