AJAX IE 不触发jQuery Ajax success

在本文中，我们将介绍AJAX在IE浏览器中不触发jQuery Ajax成功回调函数的问题，并提供解决方案和示例代码。

阅读更多：AJAX 教程

问题描述

在IE浏览器中，有时候使用jQuery的Ajax方法发送请求时，会出现不触发成功回调函数的情况。这个问题通常发生在IE9及更早版本的浏览器上，而在现代浏览器中则没有问题。

解决方案

解决这个问题的一种常用方法是使用jQuery的ajaxSetup方法设置全局的ajax属性。通过设置cache:false和timeout:0，可以解决IE浏览器中不触发成功回调函数的问题。

$.ajaxSetup({
  cache: false,
  timeout: 0
});

这样设置后，每次发送Ajax请求时都会禁用缓存，并且超时时间被设置为无限。这样可以确保在IE浏览器中触发成功回调函数。

示例

下面是一个使用jQuery的Ajax发送GET请求的示例：

$.ajax({
  url: "example.com/getData",
  method: "GET",
  success: function(data) {
    console.log("Success: ", data);
  },
  error: function(xhr, status, error) {
    console.log("Error: ", error);
  }
});

如果在IE浏览器中运行上述代码，有可能不会触发成功回调函数。这时，我们可以使用上面提到的解决方案进行修改。

$.ajaxSetup({
  cache: false,
  timeout: 0
});

$.ajax({
  url: "example.com/getData",
  method: "GET",
  success: function(data) {
    console.log("Success: ", data);
  },
  error: function(xhr, status, error) {
    console.log("Error: ", error);
  }
});

通过设置全局的ajax属性，我们可以确保在IE浏览器中也能够正常触发成功回调函数。