How can I refresh a page after form submit?

Question

Hi can anyone help me on this issue, please post whole code because i am really a noob in coding and allready lost many hours searching for the right answer. If i want to vote for this game see "spielbewertung" on this page http://www.spielonline.ch/spiel.php/Kogama-Ostry.html the page loads the iframe nickolodeonspelheader.php from the page spiel.php after voting and the url looks like this http://www.spielonline.ch/nickelodeonspelheader.php/Kogama-Ostry.html which offcourse is wrong it should change the data in the database after input and come back on the original parent page so the game can be played after voting. This is the form code:

<table style="display: inline-block;"><tr>

<td class="top" colspan="1" width="100%"><h2>Spielbewertung</h2></td></tr>
    <tr><td width="50%" style="align:left;">
    <form name="rating" action="" method="post">
      <p style="font-family: tahoma; font-size: x-small;">
        <b>Spiel bewerten:</b>
                     <select name="number">
                      <option value="">-</option>
        <option value="3">3 = sehr schlecht</option>
        <option value="4">4 = mangelhaft</option> 
        <option value="5">5 = langweilig</option>
        <option value="6">6 = ausreichend</option>
        <option value="7">7 = befriedigend</option>
        <option value="8">8 = gut</option>
        <option value="9">9 = sehr gut</option>
        <option value="10">10 = hervorragend</option>
        </select>
        <input type="submit" name="vote" value="bewerten" style="cursor: pointer" />        
                              </p>
                 </form>

    </td></tr>
</table>

Many thanks for help in advance!

a redirect keeps loading the page over and over again or i must done something wrong, give me the right redirect code if you will. — Jacob Vendrig, Apr 14 '17 at 16:22

score 0 · Answer 1 · edited May 23 '17 at 12:02

0

Maybe you can use suggestion from this post: callback when form submitted using submit() method And replace alert("done") with location.reload();

For example:

<!-- Import jQuery in your <head> tag -->

<head>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>

<body>
<!-- your html source -->

<table style="display: inline-block;"><tr>

<td class="top" colspan="1" width="100%"><h2>Spielbewertung</h2></td></tr>
    <tr><td width="50%" style="align:left;">

<!-- Add id attribute for form -->

    <form id="submit-form" name="rating" action="" method="post">
  <p style="font-family: tahoma; font-size: x-small;">
    <b>Spiel bewerten:</b>
                 <select name="number">
                  <option value="">-</option>
    <option value="3">3 = sehr schlecht</option>
    <option value="4">4 = mangelhaft</option> 
    <option value="5">5 = langweilig</option>
    <option value="6">6 = ausreichend</option>
    <option value="7">7 = befriedigend</option>
    <option value="8">8 = gut</option>
    <option value="9">9 = sehr gut</option>
    <option value="10">10 = hervorragend</option>
    </select>
    <input type="submit" name="vote" value="bewerten" style="cursor: pointer" />        
                          </p>
             </form>

</td></tr>

<script>
$form = $("#submit-form"); 
$form.on("submit",function()
{
   alert("submitting..");
   //do ajax
   $.ajax({
       url:<submit url>,
       type:post,
       success:function() {
           location.reload();
       }
   });
});
$form.submit();
</script>

</body>

edited May 23 '17 at 12:02

Community

1
1

answered Apr 14 '17 at 15:29

Linherest

11
4

Can you be more specific please i dont understand the code there and need to know exactly what i need to put in my page to make it work. – Jacob Vendrig Apr 14 '17 at 15:36
`location.reload()` refreshes the page. You just need to call that when the form is submitted. Here he is submitting the form asynchronously and then when that is complete, refreshing the page. – Dylan Vander Berg Apr 14 '17 at 15:42
Where do i put that ajax script just after the input line or after ? Do i need to fill in something in that script or does it work just like that? – Jacob Vendrig Apr 14 '17 at 15:48
@JacobVendrig please have a look at http://jquery.org and the js docs of the mozilla developer network – Jonas Wilms Apr 14 '17 at 15:53
@linherest: if you use jquery, please at least tell it, or include the necessary files... – Jonas Wilms Apr 14 '17 at 15:54
That script does not change anything it keeps loading nickelodeonspelheader.php instead of spiel.php after voting – Jacob Vendrig Apr 14 '17 at 16:07
i put it after – Jacob Vendrig Apr 14 '17 at 16:09
Hi @Linherest, You need this to fix it ? this is my starting code on the nickelodeonspelheader.php page: – Jacob Vendrig Apr 14 '17 at 16:15
First part: – Jacob Vendrig Apr 14 '17 at 16:16
Last part of the starting code: – Jacob Vendrig Apr 14 '17 at 16:17
$select = ("SELECT * FROM ". $pre ."$sqlgame WHERE name = '$spel'"); // Selecteren uit een tabel $query = mysql_query($select); $list = mysql_fetch_object($query); mysql_query ("UPDATE ". $pre ."$sqlgame SET views=views+1 where name = '$spel'"); /// ?> – Jacob Vendrig Apr 14 '17 at 16:17
The spiel.php starts with the same code – Jacob Vendrig Apr 14 '17 at 16:18
Any suggestions ????? – Jacob Vendrig Apr 14 '17 at 16:25
Guess i need to pay again for an expert in this matter, i keep paying thanks anyway. – Jacob Vendrig Apr 14 '17 at 16:27

How can I refresh a page after form submit?

1 Answers1