Question

因此，首先，我将wampserver用作本地Web服务器，本地环境中的网站链接为http:\\localhost\dev\mywebsite，并且在本地环境中有本地JSON文件（country.json）网站根目录（http:\\localhost\dev\mywebsite\country.json），然后尝试加载该目录，并尝试使用

呈现该json文件中的数据

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

    console.log(e);

});

但无法正常工作，我可以在开发人员控制台（chrome）的“网络”标签上看到json文件存在，但是

console.log（e）;

未触发。有什么想法，请帮忙吗？在控制台上没有错误，

Answer 1

您的路径不正确，因为\是JS字符串中的转义字符。

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

Answer 2

应该使用斜杠而不是反斜杠

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

    console.log(e);// Works OK

});

或者您可以使用fetch（与Promise类似）

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

或者您可以使用fetch（与async / await一起使用）

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

jQuery getjson成功函数不起作用

2 个答案: