单击时为什么我看不到警报？

Question

$(document).ready(function(){

      $('.filter a').on('click', function(){

        $.ajax({
          type: 'GET',
          cache: false,
          url: 'example.json',
          dataType: 'json',
          success: function(data){

          alert(data);

          },
            error: function(response) {
              $("#accordion").css("display","none");
              alert("Error occured because of no data");
            }

          });
    });
});

沮丧了一段时间，我无法显示数据。我很困惑为什么警报甚至没有出现在测试中。有什么我可能忽略或遗漏的吗？

以防：JSON

[
  {
    "name": "A",
    "type": "judge"
  },
  {
    "name": "B",
    "type": "con"
  },
  {
    "name":"C",
    "type":"whatever"
  },
  {
    "name": "D",
    "type": "o"
  }

]

更新

我能够在ajax错误中弹出错误。但仍然无法获得要处理的数据。为什么？我在网络列表中看到了json，因此它已正确加载。不明白为什么在加载json时没有显示警报（数据）。