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

57,075 Responses

  1. Montebeera表示:

    online canadian pharmacy canada pharmacy no prescription canada drugs online reviews

  2. JamesGag表示:

    canada drugs online: most trusted canadian pharmacies online – canadian pharmacy meds reviews

  3. Georgewhend表示:

    cheapest online pharmacy india: IndiaMedFast – india online pharmacy store

  4. Williszew表示:

    https://interpharmonline.com/# canadianpharmacymeds

  5. Arthurhow表示:

    https://mexicanpharminter.com/# mexican pharmacy online
    canadian drug stores

  6. Carlosgycle表示:

    Вагончики и временные конструкции: надёжное способ для личных целей
    Вагончики и временные конструкции помогают оборудовать зону работы, хранилище или временный модуль. Наши специалисты гарантируем сооружения, которые отвечают высоким стандартам долговечности и комфорта.

    Характеристики
    Прочность. Каждая вагончики изготовлены из компонентов, прочных к испытаниям и внешним воздействиям.
    Быстрая поставка. Постройка перевозится в рамках 1–2 календарных дней после оформления заказа.
    Настройка под запросы. Осуществляется компоновка защиты от холода, электрооборудования или воздухообмена.
    Зоны действия
    На объектах строительства для накопления материалов или устройства комнаты для рабочих.
    Во время событий для организации стойки приёма или хранилища техники.
    В качестве временных офисов или центров координации.
    Плюсы
    Сокращение сроков. Отпадает потребность строить временные помещения.
    Комфорт. Условия, которые увеличивают эффективность работы персонала.
    Подстройка. Возможность аренды или постоянного владения под любой срок и денежные средства.
    Случай применения
    Фирма-застройщик применила передвижной модуль для накопления материалов и помещения для персонала. Конструкция была привезена за 24 часа, с специальным утеплением. Заказчик отметил на улучшение обстановки и ликвидацию простоев.

    Как сделать заказ
    Для подачи заявки достаточно позвонить с нами. Предоставим исчерпывающие сведения, содействуем найти правильный путь и организуем транспортировку.

  7. JamesGag表示:

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

  8. Pingidiof表示:

    darkmarket url https://github.com/aresonioncq0a7/aresonion – darknet drug market

  9. Arthurhow表示:

    https://interpharmonline.shop/# canada ed drugs
    legitimate canadian pharmacies

  10. Georgewhend表示:

    Mexican Pharm Inter: MexicanPharmInter – mexican pharmacy online

  11. Williszew表示:

    https://mexicanpharminter.com/# mexican pharmacy online store

  12. Montebeera表示:

    drugs from canada Cheapest online pharmacy canadian pharmacy com

  13. Williszew表示:

    https://interpharmonline.com/# canadian online drugstore

  14. JamesGag表示:

    India Med Fast: order medicines online india – cheapest online pharmacy india

  15. MarkNOblile表示:

    darknet markets onion address darknet sites

  16. Georgewhend表示:

    mexican pharmacy online store: reliable mexican pharmacies – reliable mexican pharmacies

  17. Arthurhow表示:

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

  18. JamesGag表示:

    cheapest online pharmacy india: cheapest online pharmacy india – buying prescription drugs from india

  19. Georgewhend表示:

    lowest prescription prices online india: online medicine shopping in india – cheapest online pharmacy india

  20. JamesGag表示:

    india pharmacy without prescription: online medicine shopping in india – cheapest online pharmacy india

  21. Georgewhend表示:

    IndiaMedFast.com: india pharmacy without prescription – online medicine shopping in india

發佈留言

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