Trying to load local JSON file to show data in a html page using JQuery

by

You can simply include a Javascript file in your HTML that declares your JSON object as a variable. Then you can access your JSON data from your global Javascript scope using data.employees, for example.

index.html: 

<html>
<head>
</head>
<body>
  <script src="https://stackoverflow.com/questions/18637418/data.js"></script>
</body>
</html>

data.js:

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

More Related Contents:

  1. Add new row in html dynamically using jQuery
  2. Parsing JSON objects for HTML table
  3. How to send a JSON object using html form data
  4. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  5. how to use json file in html code
  6. How to convert HTML to JSON using PHP?
  7. How can I use JSON data to populate the options of a select box?
  8. How to convert html table to excel with multiple sheet?
  9. Passing JSON data from php to html-data attribute and then to Javascript
  10. How to get the JSON with duplicate keys completely in javascript
  11. Creating a JSON dynamically with each input value using jquery
  12. How to convert selected HTML to Json?
  13. Using JSONP to get JSON data from another server
  14. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  15. HTML Form Submit pass array to PHP [closed]
  16. How can I select an element by name with jQuery?
  17. jQuery disable/enable submit button
  18. TypeError: p.easing[this.easing] is not a function
  19. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  20. How to reset the bootstrap modal when it gets closed and open it fresh again?
  21. Jquery .show() not revealing a div with visibility of hidden
  22. How to detect a click inside of an iframe (cross-domain)? Aka prevent click fraud
  23. Why do multiple `.appendTo` calls on a newly created jQuery element only append it once?
  24. How to change only text node in element [duplicate]
  25. How do you limit options selected in a html select box?
  26. Detect browser wrapped lines via javascript
  27. Center an Image vertically and horizontally using CSS
  28. Change background on button click, using CSS only? [duplicate]
  29. Set value to currency in
  30. How to replace the entire html webpage with ajax response?

Leave a Comment