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. How to read an external local JSON file in JavaScript?
  13. SyntaxError: Unexpected token o in JSON at position 1
  14. SyntaxError: Unexpected token o in JSON at position 1
  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. Client on Node.js: Uncaught ReferenceError: require is not defined
  77. Node.js – SyntaxError: Unexpected token import
  78. How to test valid UUID/GUID?
  79. Angular: Error no directive with “exportAs” set to “ngForm”
  80. How can I remove a character from a string using JavaScript?
  81. Setting onSubmit in React.js
  82. Access Control Request Headers, is added to header in AJAX request with jQuery
  83. How to check if function exists in JavaScript?
  84. ActiveXObject is not defined and can’t find variable: ActiveXObject
  85. Jquery button click() function is not working
  86. Make iframe automatically adjust height according to the contents without using scrollbar?
  87. Uncaught ReferenceError: function is not defined with onclick
  88. Cannot read property ‘getHostNode’ of null
  89. TypeError: Class extends value undefined is not a function or null
  90. Eslint: How to disable “unexpected console statement” in Node.js?
  91. How to get native javascript functions source code?
  92. Get the Highlighted/Selected text
  93. Video auto play is not working in Safari and Chrome desktop browser
  94. What does the $() function do in JavaScript?
  95. Gutenberg consume wp-json data and reflect in frontend the content
  96. How can I get user data into a javascript object?
  97. Removing admin javascript
  98. Can I get the user name in JavaScript?
  99. Custom JS doesn’t work after 4.9.9 update [closed]
  100. Passing object to FormTokenField suggestions

Leave a Comment

tech