Defiant Example

by Hakan Bilgin

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 = {
       "people": {
          "person": [
             {
                "name": "Peter",
                "age": 43,
                "sex": "male"
             },
             {
                "name": "Zara",
                "age": 65,
                "sex": "female"
             }
          ]
       }
    },
    res = JSON.search( data, '//person[name="Peter"]' );

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