未捕获的类型错误：无法读取 jQuery 函数上未定义的属性“toLowerCase”

Question

我在一个页面中有这个 jQuery 脚本

$(document).ready(function() {
  $.ajax({
    type: "POST",
    url: "/notification/unread",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(data){
      $("#notification_badge").html(data).removeClass("hidden");
    }
  });

但是，在调用 $.ajax 函数时，我遇到了一个错误：

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined on jQuery function

这是我在控制台中找到的

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
    at Object.setRequestHeader (jquery.min.js:4)
    at HTMLDocument.<anonymous> (badge.js:5)
    at HTMLDocument.dispatch (jquery.min.js:3)
    at HTMLDocument.r.handle (jquery.min.js:3)
    at Object.trigger (jquery.min.js:3)
    at Function.ajax (jquery.min.js:4)
    at badge.js:10
    at dispatch (jquery.min.js:3)
    at r.handle (jquery.min.js:3)

未进行 POST 调用。哪里出错了？

Answer 1

尝试将函数定义更改为 ES6 标准。从此

$(document).ready(function() {});

到这里

$(document).ready(() =>{});