(Handlebarsjs Templating) How To Get Data From External JSON Source?

See this link: http://jsfiddle.net/Rousnay/FJzre/ it is working, the JSON data come trough http://json.virtuecenter.com/json-data/blogs/tags?callback=? but it is not working when i

Solution 1:

The returned data is not valid to the template, when getting from "http://sunday-theater-club.simpletix.eu/API/ThemeUIHandler.asmx/GetMenuItems?callback=?" you end up with:

[
    {
        "text": "Home ",
        "url": "/Default.aspx" 
    },
    {
        "text": "Events ",
        "url": "/Event-List/"
    },
    {
        "text": "Test",
        "url": "/Pages/8276/Test/"
    }
]

and when getting from "http://json.virtuecenter.com/json-data/blogs/tags?callback=?" you have:

{
    "blogsTags": [
                     {
                         "tag":"GovernorBentley",
                         "count":1,
                         "separation_path":"\/blogs\/byTag\/GovernorBentley.html"
                     },
                     {
                         "tag":"Huntsville",
                         "count":1,
                         "separation_path":"\/blogs\/byTag\/Huntsville.html"
                     },
                     {
                         "tag":"Voting Responsibility",
                         "count":1,
                         "separation_path":"\/blogs\/byTag\/Voting Responsibility.html"
                     },
                     {
                         "tag":"Voting Rights",
                         "count":1,
                         "separation_path":"\/blogs\/byTag\/Voting Rights.html"
                     }
                 ],
                 "pagination": {
                     "limit":20,
                     "total":4,
                     "page":1,
                     "pageCount":1
                 }
}

your template expects a "blogsTags" property.