加载页面后HTML内部重定向_Html_Forms

加载页面后HTML内部重定向

html forms

加载页面后HTML内部重定向,html,forms,Html,Forms,我是HTML新手，我的加载程序代码来自：我将其调整为有一个按钮，当我单击此按钮时，它会向我的代码/客户端发送一个内部GET请求。我希望相同的代码工作，但没有按钮我希望加载程序完成加载，然后重定向到/clients页面，因为现在它取决于按钮单击。我的代码：因此，如果“加载”完成，您基本上希望重定向用户？我看到您正在页面加载时调用myFunction（）你可以添加一个基本的 setTimeout（函数（）{window.location.href='/clients'}，1000）在

我是HTML新手，我的加载程序代码来自：

我将其调整为有一个按钮，当我单击此按钮时，它会向我的代码

/客户端发送一个内部GET请求。
我希望相同的代码工作，但没有按钮
我希望加载程序完成加载，然后重定向到/clients页面，因为现在它取决于按钮单击。
我的代码：
因此，如果“加载”完成，您基本上希望重定向用户？
我看到您正在页面加载时调用myFunction（）

你可以添加一个基本的
setTimeout（函数（）{window.location.href='/clients'}，1000）
在函数末尾，在一秒钟后将用户重定向到/clients。
（或当加载函数处理完数据时
  myFunction() {

    // do stuff here
    // ...

    // wait for a second
    const timeout = setTimeout(() => {
      // redirect to clients
      window.location.href = '/clients';
    }, 1000);

  }

您可以从myFunction（）提交表单

函数myFunction（）{
document.getElementById（“form_id”）.submit（）；
}

此函数将在页面加载完成时调用，并在没有任何人按下按钮的情况下提交表单。您甚至可以完全删除按钮。解决方案：


拆下车身的额外关闭标签

好的。
好啊

您可以使用下面的Jquery脚本
<script>
   $(document).ready(function(){
      if($('#loader').hasClass('d-none') || $('#loader').css('display') == 'none'){ 
          // or any other check to ensure that the loader is finished.
          $('form').submit();
      }
   })
</script>


$（文档）.ready（函数（）{
if（$（'#loader'）.hasClass（'d-none'）|$（'#loader'）.css（'display'）='none'）{
//或任何其他检查，以确保装载机已完成。
$（'form'）.submit（）；
}
})

请随时询问您是否需要更多说明。
我应该在表单\u id
中添加什么？因为它不做任何事情，您需要使用id=“form\u id”为表单提供id就像你对你的div所做的那样。我不知道如何插入它，你能发布更多的代码吗？我现在有这样的var myVar；function myFunction（）{myVar=setTimeout（showPage，3000）；}
我应该在这里更改什么？@BatchenRegev我已经添加了一个带有超时的myFunction代码示例，因为我不确定showPage在您这边做了什么，或者是否定义了它。
  myFunction() {

    // do stuff here
    // ...

    // wait for a second
    const timeout = setTimeout(() => {
      // redirect to clients
      window.location.href = '/clients';
    }, 1000);

  }

<script>
function myFunction() {
  document.getElementById("form_id").submit();
}
</script>


</head>

<body onload="myFunction()" style="margin:0;">

<div id="loader"></div>
<div style="display:none;" id="myDiv" class="animate-bottom">
  <h2>Pres OK.</h2>
  <form method="get" action="/clients">
    <button>OK</button>
  </form>
  </body>
</div>

<script>
   $(document).ready(function(){
      if($('#loader').hasClass('d-none') || $('#loader').css('display') == 'none'){ 
          // or any other check to ensure that the loader is finished.
          $('form').submit();
      }
   })
</script>