sweetalert2中ajax用法,SweetAlert 2通过Ajax请求传递值不起作用

在 SweetAlert 2 中使用 Ajax 请求可以通过以下步骤实现：

1. 创建一个 SweetAlert 2 弹窗，使用 `preConfirm` 参数来处理确认按钮的点击事件。

2. 在 `preConfirm` 回调中使用 jQuery 或者原生 JavaScript 发送 Ajax 请求。

3. 在 Ajax 请求成功后，通过 `resolve()` 方法来关闭 SweetAlert 2 弹窗并返回数据。

以下是一个使用 jQuery 实现的示例代码：

Swal.fire({
  title: 'Ajax 请求示例',
  text: '请输入你的用户名：',
  input: 'text',
  showCancelButton: true,
  confirmButtonText: '确认',
  cancelButtonText: '取消',
  preConfirm: function(username) {
    return new Promise(function(resolve) {
      $.ajax({
        url: 'your_ajax_url',
        type: 'POST',
        data: { username: username },
        success: function(data) {
          resolve(data);
        },
        error: function(xhr, status, error) {
          resolve('');
        }
      });
    });
  }
}).then(function(data) {
  if (data) {
    // 处理 Ajax 请求返回的数据
  } else {
    // Ajax 请求失败或者返回的数据为空
  }
});

在上面的代码中，我们使用了 `preConfirm` 回调来处理确认按钮的点击事件，并在其中发送了一个 Ajax 请求。在 Ajax 请求成功后，我们使用 `resolve()` 方法来关闭 SweetAlert 2 弹窗并返回数据。最后，在 `then()` 回调中处理 Ajax 请求返回的数据。