如何防止 getJSON 不调用回调？

Question

在提交表单按钮之前，我进行 $.getJSON 调用来验证一些数据，当它返回时，它要么显示“您没有正确填写此表单”对话框，要么执行 form.submit( ）。但有时，特别是在我的慢速测试服务器上，调用回调之前需要几秒钟的时间，因此我想提供一些视觉指示（禁用按钮、等待光标等）来表明您已按下按钮，并且然后关闭回调中的视觉指示。但我被告知，回调可能不会被调用的可能性虽小但非零。

确保在这种情况下，我不会得到非功能形式的最佳实践是什么？

Answer 1

您可以将 $.ajax 与 .error 一起使用除了 .success 回调之外，还使用 ​​ 回调代替 $.getJSON。如果请求失败，.error 回调将触发。您可以使用它来重新启用并显示合适的消息，类似于投票失败时 StackOverflow 上显示的消息。例子：

$.ajax({
  url: "test.html",
  dataType: "json",
  success: function(html){
     $form.submit();
  },
  error: function(xhr, error){
     console.debug(xhr); 
     console.debug(error);
     $form.find(":input").attr("disabled", false);
  }
});

Answer 2

我只想使用超时。确保如果表单已启用，enableForm() 仅返回，并在禁用表单时清除超时，以避免运行多个计时器。

setTimeout(enableForm, 10000); // 在任何情况下 10 秒后启用表单

Answer 3

您可以在此处查看 http://api.jquery.com/jQuery.getJSON/ jqXHR 对象部分，它解释了函数 $.getJSON() 返回一个实现 XMLHTTPRequest 的 jqXHR 对象，因此您将拥有可用的 .error、.success 和 .complete

我认为这适用于您的情况：

$.getJSON("a.json", function() {}).error(function() {})