在响应中通过url呈现弹出页面

作为响应,我得到了我需要在同一弹出窗口中显示的网址(shopify,验证码)。 问题是我缺乏对ajax / JS的了解,也不知道如何处理。

流量:

  1. 发送帖子
  2. 找回302
  3. 我需要呈现页面https://link_to_shopfiy_store/challenge
  4. 显示一些确定的表格

我的代码:

 <script>
      function showMailingPopUp(){

      (async () => {


      const { value: email } = await Swal.fire({
      title: '<strong style="color:black;">Ups...</strong>',html:
      'Text',input: 'email',inputPlaceholder: 'you email address',showCloseButton: true,showCancelButton: true,focusConfirm: false,showLoaderOnconfirm: true,preConfirm: (email) => {
        var formData = {
              'contact[email]'              : email,'utf8':  true,'form_type': 'contact'
          };

        var f = new FormData();
        f.append('contact[email]',email);
        f.append('utf8',true );
        f.append('form_type','contact');
        fetch('/contact',{
          method: 'POST',body: f,headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }
        }).then(function(res){
          if (res.status=="200"){
            console.log("je res string");
          }

          if (res.status==200){
            console.log("je res");
          }
          console.log(res.url);
          fetch(res.url).then(function(rest){
            console.log("rest ",rest);
          });


          Swal.fire({


            html: 'after email is entered and button triggered'
          });


        });


        /*
        request.open("POST","/contact#contact_form");
        request.send(f);
        request.

        request.onload = function(res){
          console.log(res.response);
        }
      */
      },confirmButtonText:
      '<i class="fa fa-thumbs-up"></i> Great!',// confirmButtonAriaLabel: 'Thumbs up,great!',cancelButtonText:
      '<i class="fa fa-thumbs-down">bla</i>',cancelButtonAriaLabel: 'Thumbs down'
      })


      })()

      }
  </script>

我要使用的插件是:sweetalert2

谢谢

m13432900836 回答:在响应中通过url呈现弹出页面

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3078134.html

大家都在问