主页 / 问题 / 1527364
Accepted
Pavel
Asked:2023-06-24 23:17:34 +0000 UTC2023-06-24 23:17:34 +0000 UTC

如何在提交请求时关闭 fancybox 表单

  • 772

如何在提交请求时关闭 fancybox 表单。我不明白如何做某事。我会很高兴得到任何帮助

document.getElementById('call-form2').addEventListener("submit", function(event) {
  event.preventDefault(); // Предотвращаем отправку формы по умолчанию
  const formDataCall = new FormData(document.getElementById('call-form2'));
// Отправляем данные на сервер с помощью Fetch API
  fetch("/", {
    method: "POST",
    body: formDataCall 
  })
  .then(function(response) {
    if (response.ok) {
    document.getElementById('call-form2').reset();
  
}
  })
  .catch(function(error) {
    console.error("Ошибка:", error);
    
  });
});
javascript

1 个回答

  1. Best Answer

    提交请求时关闭fancybox表单需要添加方法调用

    fancybox.close()

    在 then 块中。该方法关闭当前的 fancybox。

    document.getElementById('call-form2').addEventListener("submit", function(event) {
  event.preventDefault(); // Предотвращаем отправку формы по умолчанию
  const formDataCall = new FormData(document.getElementById('call-form2'));
// Отправляем данные на сервер с помощью Fetch API
  fetch("/", {
    method: "POST",
    body: formDataCall 
  })
  .then(function(response) {
    if (response.ok) {
      document.getElementById('call-form2').reset();
      $.fancybox.close(); // Закрываем текущий fancybox
    }
  })
  .catch(function(error) {
    console.error("Ошибка:", error);
    
  });
});

    为了使 $.fancybox.close() 工作，您需要包含 jQuery 库。如果您不使用 jQuery，您可以使用以下方法关闭 fancybox

    window.parent.jQuery.fancybox.getInstance().close()
    • 1

相关问题