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. (change) vs (ngModelChange) in angular
  76. You should not use Route or withRouter() outside a Router when using react-router 4 and styled-component in react
  77. ReactJS: setTimeout() not working?
  78. How to set ‘X-Frame-Options’ on iframe?
  79. Regular expression for removing whitespaces
  80. How to define Global Arrays?
  81. Is there a simple way to make a random selection from an array in JavaScript or any other programming language?
  82. jsPDF fromHTML() does not show HTML
  83. How to sort 2 dimensional array by column value?
  84. anchor jumping by using javascript
  85. jQuery scrollTop() method not working
  86. FormData append not working
  87. How to convert binary string to decimal?
  88. Extend core block in Gutenberg
  89. Javascript not included
  90. Accessing customizer values in javascript
  91. What is the “proper” way to generate a javascript variable depending on a custom field value?
  92. Adding nonce or hashes to inline scripts
  93. WordPress Media Library: Custom tab content displayed in “Media Library” tab
  94. Manually mark imported photo as selected in media library
  95. How to retrieve data from database, then pass it to Javascript?
  96. wp_handle_upload returns a critical error response or invalid form submission
  97. Get user in rest API endpoint
  98. Dynamically write in editor with Javascript
  99. Custom Media Meta fields to alter the generated image HTML that is inserted into a post for my animated GIF image player?
  100. How to build BOTH non-block components and blocks present in the /src directory using @wordpress/scripts

Leave a Comment