Javascript ajax返回当前页面的html代码，而不是json

我正在使用JQuery中的

$.ajax

函数从文件中获取JSON。HTML、JavaScript和json文件位于同一目录中。问题是，当我打印从成功回调函数返回的数据时，它打印HTML页面的HTML标记，而不是JSON

以下是我的

data.json

文件内容：

{
  "products":[
    {
      "skuNum":"SKU# 105423-2",
      "brand":"nike running shoes",
      "section":"men > shoe > Running shoes",
      "img":"392232_004_ss_01.jpg",
      "price":500
    },
    {
      "skuNum":"SKU# 105423-2",
      "brand":"south face jacket",
      "section":"women > Apparel > jackets",
      "img":"jacket.jpeg",
      "price":800
    }
  ]
}

我的JQuery：

$(function () {
      $.ajax({
          type: 'GET',
          URL:'data.json',
          success:function (data) {
              console.log(data);
          },
          error:function (error) {
              console.log('error')
          }
      });
});

HTML:

标题

下面是输出的一个片段：

---

Javascript区分大小写。

URL

的正确属性是

$.ajax

选项对象中的

URL

当您提供拼写错误的属性时，它将被忽略，并且正确的属性将返回undefined

在这种情况下，因为它是

URL

，所以请求将被发送到当前页面，因为选项中没有可用的

URL

更改：

URL:'data.json',

到

---

Javascript区分大小写。

URL

的正确属性是

$.ajax

选项对象中的

URL

当您提供拼写错误的属性时，它将被忽略，并且正确的属性将返回undefined

在这种情况下，因为它是

URL

，所以请求将被发送到当前页面，因为选项中没有可用的

URL

更改：

URL:'data.json',

到

---

请看下面的答案，我想补充错误函数有3个参数：

函数（jqXHR，textStatus，errorhorn）

-请看下面的答案，我想补充错误函数有3个参数：

函数（jqXHR，textStatus，errorhorn）

-谢谢，我很感激。谢谢，我很感激。

url:'data.json',