Bonjour

je cherche a rediriger mon utilisateur vers une page. Le bouton en submit prend une fonction en onclick qui sert à envoyer le formulaire sous une api google sheet.

J'ai testé le fait de mettre une 2 eme fonction "redirection" dans le onclick rien ne marche...

 function submit_soap()
         {
            var key_nom = $("#nom").val();
            var key_mail = $("#mail").val();
            var key_lieu = $("#lieu").val();
            var key_numero = $("#numero").val();
            var key_objectif = $("#objectif").val();
            var key_submit = $("#submit").val();
            $.post("form_post.php",{
              nom:key_nom,
              mail:key_mail,
              lieu:key_lieu,
              numero:key_numero,
              objectif:key_objectif,
              submit:key_submit


         },

          
 
           function(data){
              $("#json_response").html(data);
           });
         }
        

<div class="row form-group">
         <div class="col-md-6 mb-3 mb-md-0">
           <label for="fname">Nom &amp; Prenom</label>
           <input type="text" name="nom" id="nom" class="form-control" placeholder="David Cohen" >
        </div>
        <div class="col-md-6">
           <label for="lname">Nom de la mere</label>
           <input type="mail" name="mail" id="mail" class="form-control" placeholder="Rahel">
        </div>
     </div>

     <div class="row form-group">

        <div class="col-md-12">
          <label for="email">Email</label> 
          <input type="text" name="lieu" id="lieu" class="form-control"  placeholder="monmail@email.com" >
     </div>
  </div>

  <div class="row form-group">

     <div class="col-md-12">
       <label for="subject">Adresse</label> 
       <input type="subject" name="numero" id="numero" class="form-control" placeholder="Pour recevoir votre cerfa" >

    </div>
 </div>

 <div class="row form-group">
  <div class="col-md-12">
    <label for="message">Chene </label> 
    <textarea name="objectif" id="objectif" cols="10" rows="5" class="form-control" placeholder="Reussite, Santé , Education..." ></textarea>
 </div>
</div>




<center> <div class="row form-group">
  <div class="col-md-12">
    <input type="submit" value="je veux mon arbre 🙌🏻"class="btn btn-dark btn-md text-white" 
    onclick="submit_soap()"/>

le sheet fonctonnne c'est vraiment l'envoi vers l'autre formulaire.

Aucun controle de saisie en algo je laisse faire le required(pas tres intelligent...mais bon on limitte la casse sur les tests)

j'ai essaye

   windows.location ="https:/*********/formulaire.html";

ainsi que 

windows.href("formulaire.html)

aussi une fonction redirection avec le lien vers la page puis l'appelation de la fonction comme sa 

<input type="submit" value="je veux mon arbre 🙌🏻"class="btn btn-dark btn-md text-white" 
    onclick="submit_soap();redirection()"/>

rien....

Merci pour le temps 

-
Edité par Stan Lee 23 janvier 2020 à 11:48:13

Salut

Normalement window.location fonctionne.

Tu peux aussi dans le form_post.php faire retourner une réponse success si l'envoi a été réussi puis tu récupéré cette réponse dans la requête ajax,

si success true donc tu fait une redirection :

$.ajax({
    type: "POST",
    url: reqUrl,
    data: reqBody,
    dataType: "json",
    success: function(data, textStatus) {
        if (data.success == true) {
            // redirect to url
            window.location.href = 'url';
        } else {
            // do something
        }
    }
});

-
Edité par hous 23 janvier 2020 à 14:01:35

Merci beaucoup j'ai utilisé formaction en finalité j'ai vu que c'était le plus simple.

Detail sur les iphones mon bouton ne marche pas....j'ai testé sur chrome et safari d'un mac c'est OK mais safari iphone rien a faire tu as une idée ?