load data from json server into html using jquery code example

Example 1: load data from json server into html using jquery

<html>
<head>
</head>
<body>
  <script src="data.js"></script>
</body>
</html>

Example 2: load data from json server into html using jquery

{
"start": {
    "count": "5",
    "title": "start",
    "priorities": [
        {
            "txt": "Work"
        },
        {
            "txt": "Time Sense"
        },
        {
            "txt": "Dicipline"
        },
        {
            "txt": "Confidence"
        },
        {
            "txt": "CrossFunctional"
        }
    ]
}
}

Example 3: load data from json server into html using jquery

<html>
 <head>
<script type="text/javascript" language="javascript" src="jquery-1.8.2.min.js"></script>        

<script type="text/javascript">
    $(document).ready(function(e) {
    $.getJSON( "priorities.json" , function( result ){
        alert(result.start.count);
    });
});
</script></head>
</html>

Tags:

Javascript Example

Related