z4x, jquery xml parsing plugin, with oh well

Apr 17 posted in Web (RSS), comments.

Advertisements

z4x, had intended to write separately, but it is a lot of users jquery, take the ride to take it and transform into a jquery xml parsing plug, used with colleagues say oh well. By the way with a reflection method.

The plug has two methods:

1). Z4x xml parsing and object into json.

2). Reflection method can be reflected json object.

0. Jquery.z4x.js Source:

$.extend({
    z4x: function(s) {
        var dom;
        if (typeof(s) == "object") {
            dom = s;
        } else if (typeof(s) == "string") {
            if (window.ActiveXObject) {
                dom = new ActiveXObject("Microsoft.XmlDom");
                dom.async = "false";
                dom.loadXML(s);
            } else {
                dom = new DOMParser().parseFromString(s, "text/xml");
            }
        }
        var _dig = function(ele) {
            var oo = {};
            var alen = (ele.attributes) ? ele.attributes.length: 0;
            for (var i = 0; i < alen; i++) {
                oo["$" + ele.attributes[i].name] = ele.attributes[i].value;
            }

            var elen = ele.childNodes.length;
            if (elen == 0) return oo;

            var tem;
            for (var i = 0; i < elen; i++) {
                tem = oo[ele.childNodes[i].nodeName];

                if (typeof(tem) == "undefined") {

                    if (ele.childNodes[i].childNodes.length == 0) {

                        if (ele.childNodes[i].nodeName == "#text" || ele.childNodes[i].nodeName == "#cdata-section") {
                            oo["$$"] = [ele.childNodes[i].nodeValue];
                        } else {
                            oo[ele.childNodes[i].nodeName] = [_dig(ele.childNodes[i])];
                        }

                    } else {
                        oo[ele.childNodes[i].nodeName] = [_dig(ele.childNodes[i])];
                    }
                } else {
                    tem[tem.length] = _dig(ele.childNodes[i]);
                    oo[ele.childNodes[i].nodeName] = tem;
                }
            }
            return oo;
        };

        var oo = {};
        oo[dom.documentElement.nodeName] = _dig(dom.documentElement);
        return oo;
    },
    ref : function(o,sp)
    {
        sp = sp?sp:"\n";
        var tem = [];
        for(var i in o) tem[tem.length]=i+":"+o[i];
        return tem.join(sp);
    }
});

Eg:

1. A.xml

<?xml version="1.0" encoding="utf-8"?>
<root>
    <a desc="just test">abc</a>
    <b><![CDATA[
        <c>test</c>
    ]]></b>
</root>

2. Call

$(function(){
    $.get("a.xml",function(data){
        var json = $.z4x(data);// In just one step, becomes  json.
        alert($.ref(json));// Reflex  json

        //alert($.ref(json.root));// Continue to reflection, and see what it  
  });
})

Ah is not very simple, fast try.