web-dev-qa-db-fra.com

AJAX recharger la page avec POST

Quelqu'un peut-il me dire comment actualiser la page actuelle avec JavaScript, avec une variable POST modifiée ou ajoutée?

Pour être clair, je veux définir des variables POST avant de recharger la page.

14
artaxerxe

En utilisant jquery ajax, vous pouvez recharger votre page 

$.ajax({
    type: "POST",
    url: "packtypeAdd.php",
    data: infoPO,
    success: function() {   
        location.reload();  
    }
});
27
mapet

Si vous souhaitez actualiser la page entière, utiliser AJAX n'a ​​aucun sens. Utilisez du Javascript normal pour poster l'élément de formulaire dans cette page. Assurez-vous que le formulaire est envoyé à la même page ou envoyé à une page qui redirige ensuite vers cette page.

Javascript à utiliser (toujours dans myForm.php):

function submitform()
{
  document.getElementById('myForm').submit();
}

Supposons que votre formulaire est sur myForm.php: Méthode 1: 

<form action="./myForm.php" method="post" id="myForm">
    ...
</form>

Méthode 2:

myForm.php:

<form action="./myFormActor.php" method="post" id="myForm">
    ...
</form>

myFormActor.php:

<?php
    //all code here, no output
    header("Location: ./myForm.php");
?>
8
Pranav Hosangadi

Recharger le document actuel:

 <script type="text/javascript">
 function reloadPage()
 {
   window.location.reload()
 }
 </script>
4
vikky

Il y a une autre façon avec post au lieu de ajax

var jqxhr = $.post( "example.php", function() {
  alert( "success" );
})
  .done(function() {
    alert( "second success" );
  })
  .fail(function() {
    alert( "error" );
  })
  .always(function() {
    alert( "finished" );
  });
0
Daniil Mashkin