javascript - Why is $.getJSON returning ParseError with valid JSON file?

Question

I'm trying to get JSON data from a local file with :

$.getJSON(file, function(json_data) {
   console.log(json_data);
}).fail(function(jqXHR, textStatus, errorThrown) { alert('getJSON request failed! ' + textStatus); });

But despite my file is a valid JSON file according to https://jsonlint.com/, I always get the ParseError.

I tried to just get the content with a $.get(...) request, but, if I do so, I get an <empty string> content.

Could anyone help me ?

Answer 1

var getProductDataFromJson = new Promise(
  function (resolve) {
     $.getJSON("https://raw.githubusercontent.com/bmehler/product/main/product.json", function(data) { 
         resolve(data);
     });     
  }
);

 getProductDataFromJson
    .then(function (data) {
         console.log('data', data);
    })
    .catch(function (error) {
         console.log(error.message);
    });

This code should work. Just copy my json file and input your data.