javascript - 有沒有將html轉成json的方法呢?
高洛峰
高洛峰 2017-05-19 10:42:37
0
6
696

最近接到一份工作,看似很普通,將文章用ajax讀取然後瀏覽器滾動的時候動態加載文章,但是問題來了,文章源接口是以XML提供的,文章源與前端又不在一個網域下,這就牽涉到XML跨域問題,但是文章來源提供了可以用xslt的抓取系統,這樣XML就可以轉成html了,那麼可以將html轉成json然後跨網域存取嗎?或者xslt可以直接將xml轉成json跨域存取嗎?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回覆(6)
Ty80
  1. 讓對方允許跨域訪問

  2. 自己後端寫個服務去抓去,然後前端從自己的伺服器端讀取顯示

左手右手慢动作

node端有postHtml

瀏覽器端不清楚可以github上搜尋

滿天的星座

建構子並導出(可改為class)

function XmlToJson() {}
XmlToJson.prototype.setXml = function(xml) {
    if (xml && typeof xml == "string") {
        this.xml = document.createElement("p");
        this.xml.innerHTML = xml;
        this.xml = this.xml.getElementsByTagName("*")[0];
    } else if (typeof xml == "object") {
        this.xml = xml;
    }
};
XmlToJson.prototype.getXml = function() {
    return this.xml;
};
XmlToJson.prototype.parse = function(xml) {
    this.setXml(xml);
    return this.convert(this.xml);
};
XmlToJson.prototype.convert = function(xml) {
    if (xml.nodeType != 1) {
        return null;
    }
    var obj = {};
    obj.xtype = xml.nodeName.toLowerCase();
    var nodeValue = (xml.textContent || "").replace(/(\r|\n)/g, "").replace(/^\s+|\s+$/g, "");

    if (nodeValue && xml.childNodes.length == 1) {
        obj.text = nodeValue;
    }
    if (xml.attributes.length > 0) {
        for (var j = 0; j < xml.attributes.length; j++) {
            var attribute = xml.attributes.item(j);
            obj[attribute.nodeName] = attribute.nodeValue;
        }
    }
    if (xml.childNodes.length > 0) {
        var items = [];
        for (var i = 0; i < xml.childNodes.length; i++) {
            var node = xml.childNodes.item(i);
            var item = this.convert(node);
            if (item) {
                items.push(item);
            }
        }
        if (items.length > 0) {
            obj.items = items;
        }
    }
    return obj;
};
export { XmlToJson };

xml範本字串

let xml = `<viewport id="menuPane" layout="border">
    <panel region="center" border="0" layout="border">
        <tbar>
            <toolbar text="XXXX">
                <menu>
                    <text text="11">
                    </text>
                    <text text="22">
                    </text>
                    <text text="33">
                    </text>
                </menu>
            </toolbar>
            <toolbar text="XXXX">
                <menu>
                    <text text="44">
                    </text>
                    <text text="55">
                    </text>
                    <menu>
                        <text text="6 6">
                        </text>
                    </menu>
                    <text text="77">
                    </text>
                </menu>
            </toolbar>
        </tbar>
    </panel>
</viewport>`;

呼叫方法轉xml為json並輸出到console查看

import { XmlToJson } from './xmlToJson.js';
let xmlParser = new XmlToJson();
let json = xmlParser.parse(xml);
console.log(JSON.stringify(json));//输出xml转换后的json
给我你的怀抱

瀏覽器的 Ajax 跨域和 XML 還是 JSON格式 木有啥大關係。

你需要的是Ajax跨域解決方案。

黄舟

不知道是不是我的理解有問題,題主的要求不是跟爬蟲很像嗎?用爬蟲爬回來,再解析到前台?不知道是不是我理解錯了,或是用爬蟲也能實現

给我你的怀抱

可以用iframe啊 網頁中嵌套網頁

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!