AJAX的4种不同请求方式示例

通过AJAX，网页可以在不刷新整个页面的情况下，与后台服务器进行数据交换。AJAX支持多种请求方法，包括GET、POST、PUT和DELETE等，每种方法都有其特定的用途。本文将详细介绍这些请求方法，并给出相应的代码示例。

AJAX请求方法GET代码示例

$.ajax({
  url: '/api/data/get.php',
  type: 'GET',
  success: function(response) {
    // 处理响应数据
    console.log(response);
  },
  error: function(xhr, status, error) {
    // 处理错误信息
    console.error(error);
  }
});

AJAX请求方法POST代码示例

$.ajax({
  url: '/api/data/post.php',
  type: 'POST',
  data: {
    name: '小米',
    sex: '男'
  },
  success: function(response) {
    // 处理响应数据
    console.log(response);
  },
  error: function(xhr, status, error) {
    // 处理错误信息
    console.error(error);
  }
});

AJAX请求方法PUT代码示例

$.ajax({
  url: '/api/data/put.php',
  type: 'PUT',
  data: {
    name: '小米',
    sex: '男'
  },
  success: function(response) {
    // 处理响应数据
    console.log(response);
  },
  error: function(xhr, status, error) {
    // 处理错误信息
    console.error(error);
  }
});

AJAX请求方法DELETE代码示例

$.ajax({
  url: '/api/data/delete.php',
  type: 'DELETE',
  success: function(response) {
    // 处理响应数据
    console.log(response);
  },
  error: function(xhr, status, error) {
    // 处理错误信息
    console.error(error);
  }
});