How to read an external local JSON file in JavaScript?

You cannot make a AJAX call to a local resource as the request is made using HTTP.

A workaround is to run a local webserver, serve up the file and make the AJAX call to localhost.

In terms of helping you write code to read JSON, you should read the documentation for jQuery.getJSON():

http://api.jquery.com/jQuery.getJSON/

Related Posts:

  1. “SyntaxError: Unexpected token < in JSON at position 0"
  2. SyntaxError: Unexpected token o in JSON at position 1
  3. SyntaxError: Unexpected token o in JSON at position 1
  4. What is JSONP, and why was it created?
  5. TypeError: Converting circular structure to JSON in nodejs
  6. Use a JSON array with objects with javascript
  7. Array of JSON Objects
  8. Chrome sendrequest error: TypeError: Converting circular structure to JSON
  9. Fetch: POST JSON data
  10. Uncaught SyntaxError: Unexpected token u in JSON at position 0
  11. Unexpected token u in JSON at position 0 (but only sometimes)
  12. SyntaxError: Unexpected token o in JSON at position 1
  13. SyntaxError: Unexpected token o in JSON at position 1
  14. How to read an external local JSON file in JavaScript?
  15. What is the convention in JSON for empty vs. null?
  16. What is the “right” JSON date format?
  17. Nested JSON objects – do I have to use arrays for everything?
  18. Uncaught TypeError: Cannot read property ‘length’ of undefined
  19. What is the “right” JSON date format?
  20. How to compare arrays in JavaScript?
  21. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  22. jQuery AJAX cross domain
  23. SyntaxError: Unexpected token o in JSON at position 1
  24. Uncaught TypeError: Cannot read property ‘props’ of null
  25. Loading local JSON file
  26. How to convert JSON object to JavaScript array?
  27. node.js TypeError: path must be absolute or specify root to res.sendFile [failed to parse JSON]
  28. Uncaught TypeError: data.push is not a function
  29. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  30. How to convert selected HTML to Json?
  31. How to get JSON from URL in JavaScript?
  32. How do you put an image file in a json object?
  33. push object into array
  34. JSON.parse() not working
  35. react router v^4.0.0 Uncaught TypeError: Cannot read property ‘location’ of undefined
  36. Refused to execute script, strict MIME type checking is enabled?
  37. TypeError: res.json is not a function
  38. SyntaxError: Unexpected token C in JSON at position 0 – Ionic 2 Http GET request
  39. SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data
  40. Add new attribute (element) to JSON object using JavaScript
  41. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  42. How to display raw JSON data on a HTML page
  43. Convert array to JSON
  44. JSON.parse unexpected token s
  45. JSON.stringify (Javascript) and json.dumps (Python) not equivalent on a list?
  46. How to filter JSON Data in JavaScript or jQuery?
  47. How to add a button dynamically using jquery
  48. Using setTimeout on promise chain
  49. Complex JSON nesting of objects and arrays
  50. Uncaught SyntaxError: Unexpected token with JSON.parse
  51. How can JavaScript save to a local file?
  52. Write / add data in JSON file using Node.js
  53. How do I handle newlines in JSON?
  54. Finding the max value of an attribute in an array of objects
  55. Defining a HTML template to append using JQuery
  56. “NS_ERROR_DOM_BAD_URI: Access to restricted URI denied”
  57. What are the differences between JSON and JSONP?
  58. Uncaught SyntaxError: Unexpected end of JSON input at JSON.parse ()
  59. WP Rest API – How to get featured image
  60. Implementing Isomorphic JavaScript (React JS) in WordPress?
  61. How to use wp_localize_script in custom page template?
  62. Dynamically insert values in a WordPress SelectControl Options field
  63. var is undefined in a Gutenberg block
  64. 404 Error Contact Form 7 on WordPress
  65. Base64 & JSON Encode array in PHP, use as HTML data attribute, decode and parse in JavaScript …. with proper Escaping
  66. AngularJS with route and JSON API
  67. Pass data from wordpress to javascript in JSON
  68. How to include a JSON file on my page?
  69. Why WordPress not using JSON_UNESCAPED_UNICODE by default?
  70. how to use nimble-API and Display data?
  71. Remove escape characters from JSON string pulled from a database
  72. I would like to retrive JSON value and display it in wordpress page or widget
  73. Connecting a wordpress site to an AngularJS APP
  74. Gutenberg core/file add style support in js/ json
  75. How can I generate a rainbow circle using HTML5 canvas?
  76. Which equals operator (== vs ===) should be used in JavaScript comparisons?
  77. are there dictionaries in javascript like python?
  78. jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
  79. How to create a jQuery function (a new jQuery method or plugin)?
  80. Setting onSubmit in React.js
  81. jQuery Ajax File Upload
  82. ActiveXObject is not defined and can’t find variable: ActiveXObject
  83. setInterval in a React app
  84. Remove last item from array
  85. How to get native javascript functions source code?
  86. Replace all spaces in a string with ‘+’
  87. How to get the children of the $(this) selector?
  88. How to change href of tag on button click through javascript
  89. wp_add_inline_script without dependency
  90. How to configure WordPress to be able to use tag inside posts?
  91. Correct place to register and enqueue scripts
  92. How to load javascript file on homepage in WordPress in order?
  93. Insert “javascript:void(0);” into URL
  94. Call post-id from URL hash not working?
  95. wordpress 4.4 upgrade visual editor bullets select for not selected elements
  96. Script to Automatically Advance to the Next Page of a Paginated Post
  97. How can I get user data into a javascript object?
  98. WordPress load-scripts.php not loading
  99. Custom JS doesn’t work after 4.9.9 update [closed]
  100. Loading 2 Different Version of JS files [closed]

Leave a Comment

tech