jQuery getjson成功函数不起作用

Question

So first, I'm using wampserver as my local web server, my website link from my local environment is http:\\\\localhost\\dev\\mywebsite and I have a local JSON file ( country.json ) in the website root directory ( http:\\\\localhost\\dev\\mywebsite\\country.json ) and then I tried to load that and tried to render the data from that json file using

$.getJSON('http:\\localhost\dev\mywebsite\country.json',function(e){

    console.log(e);

});

but not working like, I can see on my network tab from the developer console (chrome) that the json file was there but this

console.log(e);

were not triggered. Any ideas, help please? no errors on the console tho'

Answer 1

Your path is incorrect because \\ is an escape character in JS strings.

'http:\\localhost\dev\mywebsite\country.json'
/* ends up looking like this `http:\localhostdevmywebsitecountry.json`*/
/* should be: */
'http://localhost/dev/mywebsite/country.json'

Answer 2

Should use slash not backslash

$.getJSON('http://localhost/dev/mywebsite/country.json',function(e){

    console.log(e);// Works OK

});

Or you can use fetch(with Promise like)

fetch('http://localhost/dev/mywebsite/country.json')
   .then(e => e.json())
   .then(e => console.log(e));

Or you can use fetch(with async/await)

 (async ()=> {
     const res = await fetch('http://localhost/dev/mywebsite/country.json')
     const json = res.json();
     console.log('json', json)
 })();