How can I open a JSON file in JavaScript without jQuery?

by

Here’s an example that doesn’t require jQuery:

function loadJSON(path, success, error)
{
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function()
    {
        if (xhr.readyState === XMLHttpRequest.DONE) {
            if (xhr.status === 200) {
                if (success)
                    success(JSON.parse(xhr.responseText));
            } else {
                if (error)
                    error(xhr);
            }
        }
    };
    xhr.open("GET", path, true);
    xhr.send();
}

Call it as:

loadJSON('my-file.json',
         function(data) { console.log(data); },
         function(xhr) { console.error(xhr); }
);

More Related Contents:

  1. POST data in JSON format
  2. Sending a JSON to server and retrieving a JSON in return, without JQuery
  3. jQuery.getJSON – Access-Control-Allow-Origin Issue
  4. d3.json method doesn’t return my data array
  5. loading json data from local file into React JS
  6. How to insert into JSON?
  7. Suppress Chrome ‘Failed to load resource’ messages in console
  8. Convert XML to JSON (and back) using Javascript
  9. “SyntaxError: Unexpected token < in JSON at position 0"
  10. Is the order of elements in a JSON list preserved?
  11. AngularJS Error: Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https
  12. Sum JavaScript object propertyA values with the same object propertyB in an array of objects
  13. Uncaught SyntaxError: Unexpected token with JSON.parse
  14. Getting BLOB data from XHR request
  15. How to convert JSON to CSV format and store in a variable
  16. Is this simple string considered valid JSON?
  17. JSON transfer of bigint: 12000000000002539 is converted to 12000000000002540?
  18. How can I serialize an input File object to JSON?
  19. How to inject HTML into a template with polymer
  20. “Origin null is not allowed by Access-Control-Allow-Origin” in Chrome. Why? [duplicate]
  21. Uncaught SyntaxError: Unexpected token u in JSON at position 0
  22. d3 js – loading json without a http get
  23. Encrypt string in PHP and decrypt in Node.js
  24. Browser waits for ajax call to complete even after abort has been called (jQuery)
  25. TypeError: Converting circular structure to JSON in nodejs
  26. responseXML always null
  27. XML parser for JavaScript [closed]
  28. Differentiating Between an AJAX Call / Browser Request
  29. Recursive tree search in a nested object structure in JavaScript
  30. How to set iframe content of a react component

Leave a Comment