how to stop reload the page after submit?

Question

I have that code that make me download images from other wepsite to my wepsite and after a click on submit the page is reload. I want to stop page from reload. the code I put it in some plugin in 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!">

the php code that I put in separate folder

$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";

score 1 · Answer 1 · answered Feb 09 '19 at 18:17

1

You'll need to submit an ajax request to send the email without reloading the page. Take a look at 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');
    }               
});

});

The form will submit in the background to the zip.php page which will need to handle the request.

answered Feb 09 '19 at 18:17

Dom the Geek

15
6

how to do that i dont have knowledge of java – abbas ameer Feb 09 '19 at 18:45
@abbasameer This is not JAVA but Javascript, You can add it as the end of the body of your html file, But make sure you load the JQuery library for the $ sign to work. – Dom the Geek Feb 09 '19 at 19:24

score 0 · Answer 2 · answered Feb 09 '19 at 18:14

0

This is a repeated question, you do that by listening on the submit event.

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

answered Feb 09 '19 at 18:14

Ghonima

2,978
2
14
23

I have no knowledge of Java – abbas ameer Feb 09 '19 at 18:19

how to stop reload the page after submit?

2 Answers2