为什么我的 AJAX 调用成功函数没有触发 java 脚本警报？

Question

$.ajax({
   url: '../api/notifications/deleteNotification?userId=' + userId + '&notificationId=' + notificationId,
   type: 'DELETE',
   success: function()
   {
       CreateNotificationTree(userId);
       alert('Delete successful.');
   },
   failure: function()
   {
       alert('Delete failed.');
   }
});

上面的 ajax 调用的成功函数内部的函数CreateNotificationTree(userId); 会触发。然而，警报并没有在之后触发。有人知道为什么吗？我也尝试过使用多个浏览器。

编辑 - 发现我在执行 AJAX 调用时遇到了这个错误：

Uncaught TypeError: Cannot read property 'uid' of undefined kendo.web.min.js:23
(anonymous function) kendo.web.min.js:23
p.extend.each jquery.min.js:2
p.fn.p.each jquery.min.js:2
g.extend._attachUids kendo.web.min.js:23
g.extend.init kendo.web.min.js:22
(anonymous function) kendo.web.min.js:9
p.extend.each jquery.min.js:2
p.fn.p.each jquery.min.js:2
$.fn.(anonymous function) kendo.web.min.js:9
CreateNotificationTree NotificationsTreeView.js:17
(anonymous function) NotificationsTreeView.js:60
k jquery.min.js:2
l.fireWith jquery.min.js:2
y jquery.min.js:2
d

Answer 1

将错误记录到您的控制台。

如果 ajax 方法失败，您不会看到警报，因为 jQuery 无法识别 failure 方法。

使用 error 回调来记录错误。

同时使用console.log 而不是alert，这很烦人并且会停止执行流程

failure: function(){
   alert('Delete failed.');
}

应该是

error: function(){
   alert('Delete failed.');
}

并使用done 和fail 代替success 和error 回调，因为后者在1.8 版本中已弃用

$.ajax({
    url: '../api/notifications/deleteNotification?userId=' 
               + userId + '&notificationId=' + notificationId,
    type: 'DELETE'
}).done(function () {
    CreateNotificationTree(userId);
    console.log('Delete successful.');
}).fail(function (jqXHR, status, error) {
    console.log("Error : " + error);
});

使用传递给回调的arguments，您将能够查明错误。