调用函数后使用 Jquery 和 php 重新加载当前页面

我试图在用户按下按钮后通过 Jquery 重新加载这个 php 的当前页面。按下按钮后调用该函数isset($_POST['submitGenZip']),但 Jquery 无法运行其重新加载页面的功能。该函数isset($_POST['submitGenZip'])仅用于下载文件(这是 php 所做的)。它不会重定向到任何页面。


第一页.php


<?php

if(isset($_POST['submitGen']))

    {

        header('Location:Generate.php');      

    }


?>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>Zip Files</title>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

...

...

...

<tr>

            <form action="" method="post" role="form">

                <td>

                    <input type="submit" name="submitGen" class="btn btn-primary" value = "GenerateZ" style="float: right;">

                </td>

            </form>

</tr>

...

...

</body>

</html>


<script>

$(document).ready(function(){

    $("#submitGen").click(function(){

        alert("ReloadThisPage");

    });

});

</script>

 


qq_花开花谢_0
浏览 153回答 3
3回答

胡说叔叔

您可以使用多种方法加载您的页面或任何其他页面。您不必使用PHP重新加载当前页面或位置。您可以直接使用jQuery或使用 JS。使用 location.reload()您可以使用在事件location.reload();中重新加载您的页面click阅读更多关于location.reload&nbsp;这里使用 window.open()window.open('Generate.php')如果您想在新窗口中打开 URL,也可以使用 这将有所帮助。使用 window.locationwindow.location = 'Generate.php'如果您想在同一窗口中打开 URL,您也可以使用 这将有所帮助。运行下面的代码片段以查看它的工作原理。$(document).ready(function() {&nbsp; $("#submitGen").click(function() {&nbsp; &nbsp; alert('Page will reload now')&nbsp; &nbsp; location.reload();&nbsp; });});<!DOCTYPE html><html><head>&nbsp; <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />&nbsp; <title>Zip Files</title>&nbsp; <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>&nbsp; <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>&nbsp; <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> ... ... ...&nbsp; <tr>&nbsp; &nbsp; <form action="" method="post" role="form">&nbsp; &nbsp; &nbsp; <td>&nbsp; &nbsp; &nbsp; &nbsp; <input type="submit" name="submitGen" id="submitGen" class="btn btn-primary" value="GenerateZ" style="float: right;">&nbsp; &nbsp; &nbsp; </td>&nbsp; &nbsp; </form>&nbsp; </tr>&nbsp; ... ...&nbsp; </body></html>

森林海

用户“AlwaysHelping”帮助我解决了这个问题。但是我想发布一个替代解决方案。也就是说,当用户从服务器下载文件时,发送的请求有时比预期的要慢,Jquery 函数在同一个实例中运行,并且永远不会下载文件。所以我在刷新页面之前在 Jquery 中保持了 5 秒的延迟。<script>$(document).ready(function() {&nbsp; $("#submitGen").click(function() {&nbsp; &nbsp; window.setTimeout(function () {&nbsp; &nbsp; &nbsp; &nbsp; location.href = "FirstPage.php";&nbsp; &nbsp; }, 5000);&nbsp; });});</script>

呼唤远方

您可以使用HTML onclick 事件属性<input&nbsp;type="submit"&nbsp;onclick="location.reload()"&nbsp;name="submitGen"&nbsp;class="btn&nbsp;btn-primary"&nbsp;value&nbsp;=&nbsp;"GenerateZ"&nbsp;style="float:&nbsp;right;">
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript