提交后如何停止重新加载页面?

时间:2019-02-09 18:11:27

标签: php html css wordpress

我拥有使我可以将图像从其他wepsite下载到我的wepsite的代码,并且在单击提交后重新加载页面。我想停止重新加载页面。 我将其放在wordpress的某些插件中的代码。enter image description here

the code that I put in the plugin 
<form action="zip.php" method="POST">
<h2 class="inputmanga"> manga name:</h2></p>
<input type="text" name="name">
<h2 class="inputmanga"> image url:</h2></p>
<input type="text" name="img">
<h2 class="inputmanga"> image numper :</h2>
<input type="text" name="num"><br><br>
<input class="sumbitmanga" type="submit" value="Get!">

我放在单独文件夹中的php代码

$zip = new ZipArchive();
 $my_save_dir = "manga/".$_POST['name'].".zip";
 $zip->open($my_save_dir, ZipArchive::CREATE);
 $num = $_POST['num'];
 for ($i=1; $i <= $num ; $i++) { 
  $url_to_image = $_POST['img'].$i.'.jpg';
  $download_file = file_get_contents($url_to_image);
  $zip->addFromString(basename($url_to_image), $download_file);
  }
  $zip->close();
  echo $my_save_dir . "  Download completed successfully";

2 个答案:

答案 0 :(得分:1)

您需要提交ajax请求来发送电子邮件,而无需重新加载页面。看看http://api.jquery.com/jQuery.ajax/

$('.submitmanga').click(function() {
$.ajax({
    url: 'zip.php',
    type: 'POST',
    data: {
        // pass required data here
    },
    success: function(msg) {
        alert('successfully sent');
    }               
});

});

该表单将在后台提交至需要处理请求的zip.php页面。

答案 1 :(得分:0)

这是一个重复的问题,您可以通过监听Submit事件来完成。

https://stackoverflow.com/a/19454346/11028815