為什么我的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從父目錄而不是JS目錄訪問test.json

Answer 2

相對於index.html更改URL。

url: 'js/test.json',

這與CSS不同，路徑應相對於腳本執行的頁面。