jquery ajax例子返回值详解

来详细讲解一下 "jQuery Ajax例子返回值详解" 的攻略。

什么是 jQuery Ajax

jQuery Ajax 是指通过 jQuery 框架中提供的功能，使用 JavaScript 来异步发送 HTTP 请求并获取服务器返回的数据。相比于传统同步请求，Ajax 请求更加方便快捷，可以在不刷新整个页面的情况下更新局部内容。

jQuery Ajax 返回值类型

jQuery Ajax 请求完成后，会返回一个 jqXHR 对象。这个对象提供了以下方法来处理请求的返回值：

• jqXHR.done(callback)：请求成功时运行的回调函数。
• jqXHR.fail(callback)：请求失败时运行的回调函数。
• jqXHR.always(callback)：无论请求成功或失败都运行的回调函数。

以下是一个示例代码：

$.ajax({
  url: "example.php",
  dataType: "json",
  success: function(response) {
    console.log(response);
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.log(textStatus + ': ' + errorThrown);
  }
});

在这个例子中，我们通过 $.ajax 方法发送了一个Ajax请求，并传入了一个参数对象。其中 url 参数指定请求的目标地址， dataType 参数指定返回的数据类型， success 和 error 参数分别指定请求成功或失败后执行的回调函数。

如果请求成功，success 回调函数会被执行，并将服务器返回的数据作为参数传入。如果请求失败，则会执行 error 回调函数，并将错误的信息作为参数传入。

示例1：返回 JSON 数据

下面是一个通过 Ajax 请求返回 JSON 数据的示例：

$.ajax({
  url: "example.json",
  dataType: "json",
  success: function(response) {
    console.log(response.name);
    console.log(response.age);
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.log(textStatus + ': ' + errorThrown);
  }
});

在这个示例中，我们请求了一个 example.json 文件，并指定了数据类型为 json。请求成功后，我们打印了返回的 JSON 数据中的 name 属性和 age 属性。

示例2：返回 HTML 数据

下面是一个通过 Ajax 请求返回 HTML 数据的示例：

$.ajax({
  url: "example.html",
  dataType: "html",
  success: function(response) {
    $('#content').html(response);
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.log(textStatus + ': ' + errorThrown);
  }
});

在这个示例中，我们请求了一个 example.html 文件，并指定了数据类型为 html。请求成功后，我们将服务器返回的 HTML 数据插入到了 id 为 content 的元素中。

综上所述，“jquery ajax例子返回值详解”中的返回值类型就是以上两种一般的返回类型，其他的类型可以查看jQuery官网进行了解。