为什么我使用jquery ajax获得状态404？

Question

我正在使用Firefox并尝试在本地访问json文件。 javascript文件和test.json在同一个文件夹中。我的网址未定义。

我的文件夹结构是：

root
|- js
| |-script.js
| |-test.json
|- index.html

的script.js

$.ajax({
    type: 'GET',
    url: 'test.json', 
    dataType: 'jsonp',
    crossDomain: true,
    error: function(data) {
    console.log(data.url);
    console.log('error', data);
  },
  success: function(data) {
    console.log('success', data);
  },
  complete: function() {
    console.log('done');
  }
});

test.json

[{
  "abc": "testing"
 }, {
  "efg": "testing"
}]

Answer 1

一切都很好

但是url: 'test.json', 应为url: 'js/test.json',

因为index.html从父目录访问test.json而不是JS目录

Answer 2

根据index.html更改网址。

url: 'js/test.json',

这与CSS不同，路径应该相对于脚本执行的页面。