JavaScript 使用 XMLHttpRequest 更新卡密信息

本文介绍了使用 JavaScript 中的 XMLHttpRequest 对象来更新卡密信息，提供了两种方式：使用 jQuery 的 $.ajax 和原生 XMLHttpRequest 对象。

使用 jQuery 的 $.ajax

function updateCard(card, callback) {
  $.ajax({
    url: 'update.php',
    type: 'POST',
    data: { card: card }, // 将卡密作为参数传递给 update_card.php
    success: function(result) {
      if (result === 'success') { // 如果更新成功
        callback(true); // 执行回调函数，并传递更新成功的标志
      } else { // 如果更新失败
        callback(false); // 执行回调函数，并传递更新失败的标志
      }
    }
  });
}

使用原生 XMLHttpRequest 对象

function updateCard(card, callback) {
  const xhr = new XMLHttpRequest();
  xhr.open('POST', 'update.php');
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4) {
      if (xhr.status === 200) {
        if (xhr.responseText === 'success') {
          callback(true);
        } else {
          callback(false);
        }
      } else {
        callback(false);
      }
    }
  };
  xhr.send(`card=${card}`);
}

两种方式都使用了 POST 请求，将卡密信息作为参数传递给 update.php 文件进行处理。

使用 $.ajax 的方式更加简洁易懂，但需要引入 jQuery 库。
使用原生 XMLHttpRequest 对象的方式更加灵活，可以更好地控制请求的各个环节，但代码量相对较多。

选择哪种方式取决于你的项目需求和个人喜好。