11484 sujets

JavaScript, DOM et API Web HTML5

Bonjour a vous toutes et tous,

Je suis en train de coder un formulaire avec PHP, jQuery, AJAX, ce formulaire comporte 11 champs dont je récupere la valeur avec la méthode " .serialize()" mais je dois ajouter 2 autres variables dans mon block ".ajax ou .post ({data})".
je n'arrive pas a concilier les deux, c'est soi l'un soit les 2 autres.

Pourriez-vous svp m'indiquer comment je dois concaténer ou quelle propriété utiliser pour se faire?

en vous remerciant. Sincères salutations.
Modérateur
Bonjour,

Pour être plus efficace il nous faudrait un peu de code... le code HTML de ton formulaire et aussi le code Js incriminé qui gère le formulaire.
Sinon ici tu as la doc de .serialize(), les exemple t'aideront peut etre... https://api.jquery.com/serialize/

Bonne journée !
Bonjour, Merci pour ta reponse.

La mienne est tardive car mon OS a planté, je t'envoie mon code sommairement car je suis sur un vieux portable.


   <form id="RegForm" action="#">
   <p id="depart" contenteditable="true">Departement</p>
    <fieldset>
     <p>
      <label>Label:</label> <input type="text" id="field1" name="field1">
     </p>
     <p>
      <label>Label:</label> <input type="text" id="field2" name="field2">
     </p>
     <p>
      <label>Label:</label> <input type="text" id="field3" name="field3">
     </p>
     <p>
      <label>Label:</label> <input type="text" id="field4" name="field4">
     </p>
     <p>
      <label>Label:</label> <input type="text" id="field5" name="field5">
     </p>
     <p>
      <label>Label:</label> <input type="text" id="field6" name="field6">
     </p>
     <p>
      <label>Label:</label> <input type="text" id="field7" name="field7">
     </p>
     <p>
      <label>Label:</label> <input type="text" id="field8" name="field8">
     </p>
     <p>
      <label>Label:</label> <input type="text" id="field9" name="field9">
     </p>
     <p>
      <label>Label:</label> <input type="text" id="field10" name="field10">
     </p>
     <p>
      <label>Label:</label> <input type="text" id="field11" name="field11">
     </p>
    </fieldset>
    <fieldset><p><input type="submit" id="RegSub" name="RegSub"></p></fieldset>
   </form>
<p id="output"></p>



<script>
$('form#RegForm').submit(function(e) {
	e.preventDefault();  
	var dep =  $('p#depart').text();
	var url ='http://domain.com/'+dep;
	var req = $(this).serialize();
$.post('jacson.php',
[i]ici que le bas blesse[/i] { req+vars } [i]accepte soit req soit vars mais pas les2[/i],
 function(data){
  $('#output').html(data);
   })
  });
</script>
Bonjour,

Je n'ai pas tout compris à ton problème, qu'est-ce que le vars dans ton explication ?
Une autre variable JS ?
Si c'est le cas, tu peux poster autant de données que tu le souhaites avec l'écriture en JSON par exemple, ça donne ça :
$.post('jacson.php', { req: req, vars: vars }, function(data){
    $('#output').html(data);
})
Je te remercie de ta réponse.

vars: oui ce sont d'autres variables JS var url et var dep.

La methode {req:req} ne fonctionne pas, "req" fonctionne et "{url:url,dep:dep}" fonctionne aussi mais "req+{vars:vars}" ne fonctionne pas.

encore Merci