如何在SweetAlert2中调用外部文件展示内容？（无输入字段场景）

完全可行，不需要依赖输入字段，你可以直接在按钮点击事件里发起Ajax请求获取外部文件内容，然后将内容传入SweetAlert2的弹窗中展示。以下是具体实现代码：

$("#btn").click(function() {
  // 先显示加载状态的弹窗（可选，提升用户体验）
  Swal.fire({
    title: '加载中...',
    allowOutsideClick: false,
    didOpen: () => {
      Swal.showLoading();
    }
  });

  // 发起Ajax请求获取外部文件内容
  $.ajax({
    url: '你的外部文件URL', // 替换为实际的文件地址/接口地址
    method: 'GET',
    success: function(content) {
      // 请求成功后关闭加载弹窗，展示内容弹窗
      Swal.close();
      Swal.fire({
        title: '外部文件内容',
        html: content, // 将获取到的内容作为弹窗的HTML内容渲染
        width: '80%', // 可根据需求调整弹窗宽度
        showCloseButton: true
      });
    },
    error: function() {
      // 请求失败时提示错误
      Swal.close();
      Swal.fire({
        icon: 'error',
        title: '加载失败',
        text: '无法获取外部文件内容，请稍后重试'
      });
    }
  });
});

关键说明： #

• 如果外部文件是纯文本内容，可将html属性替换为text，避免HTML解析问题
• 加载状态弹窗可选，用于避免用户因等待时间较长产生无响应的误解
• 务必将代码中的你的外部文件URL替换为真实的文件路径或接口地址

内容的提问来源于stack exchange，提问作者Dunn