Defiant Example

by Mecrano

HTML

<script src="http://defiantjs.com/defiant.js/dist/defiant-latest.min.js"></script>
<h2 id="name"></h2>
<div id="age"></div>
<div id="sex"></div>

JavaScript

var byId = function(s) {return document.getElementById(s);},
    data = {
        name: "Licuar y mezclar",
        icon: "icon-ico_oster_licuadora",
        childSubMenu:   [{
                            name: "Bebidas",
                            icon: "icon-ico_oster_cafetera",
                            childSubMenu:   [{
                                                url: "#URL",
                                                name: "Bebidas"
                                            }]
                        }]
    },
    {
        name: "Bebidas",
        icon: "icon-ico_oster_cafetera",
        childSubMenu:   [{
                            name: "Bebidas",
                            icon: "icon-ico_oster_cafetera",
                            childSubMenu:   [{
                                                url: "#URL",
                                                name: "Bebidas"
                                            }]
                        }]
    },
    {
        url: "#URL",
        name: "Servicio y soporte"
    },
    {
        url: "#URL",
        name: "Oster Mayorista"
    },
    {
        url: "#URL",
        name: "Preguntas frecuentes"
    },
    res = JSON.search( data, '//name[name="Peter"]' );

byId('name').innerHTML = res[0].name;
byId('age').innerHTML = res[0].age;
byId('sex').innerHTML = res[0].sex;