asp.net - jQuery 的 ajax 导致 FireFox 中的整页刷新

Question

我正在使用 jQuery 进行 ajax 调用。 ajax 调用在 IE 7 中工作正常，但 FireFox 3 在进行此调用时始终会进行全页刷新。 ajax 调用正在 POST 到 ASP.NET 页面方法。

jQuery 有问题还是我只是缺少一些设置？

$.ajax({
  async: false,
  type: "POST",
  url: "Default.aspx/DoSomething",
  data: "{" + parms + "}",
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  cache: false,
  success: function(data) { succesfulPost(data); },
  error: function(XMLHttpRequest, textStatus, errorThrown) { 
    errorPost(textStatus, errorThrown);
  }
});

该调用是通过 html 按钮 onclick 事件进行的。我尝试过return false; 在进行此 ajax 调用的方法中，但 FireFox 中的完全刷新仍在继续。

我尝试设置 async = true，但这似乎不起作用。 FireFox 会继续运行，不会等待后端返回响应。 FireFox(在 js 中)实际上在 ajax 调用中生成错误。正如您在上面看到的，错误函数已定义，并且当我设置 async = true 时会触发该函数。

Answer 1

return false 是您所需要的，但是如果在您点击该行之前发生 JavaScript 错误，那么浏览器将继续愉快地执行链接单击或按钮单击事件。

您可以尝试使用 try/catch block 包围潜在的问题区域。

或者您可以尝试以下方法:

e.preventDefault 作为处理程序中的第一个语句。这应该阻止默认事件的发生，我认为你可以预先调用它......我只是还没有尝试过。

编辑:我还想补充一点，ajax error: handler 仅捕获来自服务器的错误...例如 403 或 500。您仍然应该将 ajax 调用包装在 try/catch 中。