Empêcher la redirection lorsque le formulaire est envoyé par programme

Question

J'ai un formulaire sur la page html qui est soumis par javascript dans certains cas. Le problème est que la fenêtre du navigateur change son emplacement pour l'URL d'action spécifiée pour ce formulaire. Y a-t-il un moyen de l'empêcher de fonctionner de cette façon?

Answer 1

Utilisez une librairie javascript pour soumettre le formulaire via Ajax (XHR) ou soumettre à iframe

Exemple complet Jquery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#yourForm').submit(captureSubmit) 
    }) 

    function captureSubmit(event) { 
     var frm = $(event.originalTarget); 
     $.ajax({ 
      type: frm.attr('method'), 
      url: frm.attr('action'), 
      data: frm.serialize(), 
      success: function(results) { 
       // do stuff 
       alert(results); 
      }, 
      error: function(result) { 
       // handle the error 
       alert(result.status + ' ' + result.statusText); 
      } 
     }); 
     return false; 
    } 
</script> 

<form id="yourForm" action="foo.html" method="POST"> 
    Name: <input type="text" name="name"> 
    <button type="submit">Submit</button> 
</form> 

[EDIT] a rendu l'exemple plus complet.

Answer 2

Post it avec Ajax

Answer 3

Vous pouvez:

1. Envoyer avec AJAX
2. Envoyer à un iframe