使用 AJAX 实现数据增删改查：代码示例与解析

以下是一个简单的利用 AJAX 实现数据的添加、删除、修改与查询的代码示例：

添加数据：

function addData() {
  var newData = {
    name: 'John',
    age: 25,
    email: 'john@example.com'
  };

  $.ajax({
    url: 'addData.php',
    type: 'POST',
    data: newData,
    success: function(response) {
      // 处理添加成功后的逻辑
    },
    error: function(xhr, status, error) {
      // 处理添加失败后的逻辑
    }
  });
}

删除数据：

function deleteData(id) {
  $.ajax({
    url: 'deleteData.php',
    type: 'POST',
    data: { id: id },
    success: function(response) {
      // 处理删除成功后的逻辑
    },
    error: function(xhr, status, error) {
      // 处理删除失败后的逻辑
    }
  });
}

修改数据：

function updateData(id, newData) {
  $.ajax({
    url: 'updateData.php',
    type: 'POST',
    data: { id: id, newData: newData },
    success: function(response) {
      // 处理修改成功后的逻辑
    },
    error: function(xhr, status, error) {
      // 处理修改失败后的逻辑
    }
  });
}

查询数据：

function queryData() {
  $.ajax({
    url: 'queryData.php',
    type: 'GET',
    success: function(response) {
      // 处理查询成功后的逻辑
    },
    error: function(xhr, status, error) {
      // 处理查询失败后的逻辑
    }
  });
}

上述代码中的 addData.php、deleteData.php、updateData.php、queryData.php 分别为处理相应操作的服务器端代码文件。在这些文件中，你可以使用相应的服务器端语言（如 PHP）来处理数据库操作。