Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1081 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  envoie de formulaire AJAX JQUERY

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

envoie de formulaire AJAX JQUERY

n°2071800
fouif123
Posté le 24-04-2011 à 12:58:28  profilanswer
 

Bonjour à tous voilà je souhaite juste envoyer un formulaire avec une requête ajax en utilisant jquery
vers une autre page.
Voilà ce que j'ai fait :
<html>
<head>
<script language='javascript'>
function addTicket() {
 $.post("addticket.php", $("#ticketform" ).serialize());
}
</script>
</head>
<body>
<form action="" id="ticketForm">
<input type='hidden' name='date_id'>
Nombre de ticket: <input type='text' name='count'>
<input type='button' onclick='addTicket()' value='Ajouter'>
</form>
</body>
</html>
 
 
est ce que ça peut marcher ?
 

mood
Publicité
Posté le 24-04-2011 à 12:58:28  profilanswer
 

n°2071801
fouif123
Posté le 24-04-2011 à 13:06:29  profilanswer
 

ou alors comme ça c'est peut être mieux :
<html>
<head>
 <script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<form action="" id="ticketForm">
<input type='hidden' name='date_id'>
Nombre de ticket: <input type='text' name='count'>
<input type='submit' value='Ajouter'>
<script>
 $("#ticketform" ).submit($.post("addticket.php", $("#ticketform" ).serialize()););
 
</script>
</form>
</body>
</html>

n°2071883
vanish
Ce qui brûle, brûle !
Posté le 25-04-2011 à 13:26:40  profilanswer
 

salut, tu a un addon parfait pr faire ça proprement : jquery.form (tel quel dans google ;))
 
en gros ça donne :
 

Code :
  1. var options = { };
  2.     $('#myForm').ajaxForm(options);


 
PAr defaut l'url et methode du formulaire ciblé est utilisé, sinon dans l'objet options tu peux les preciser ainsi que ttes les autres options dispos avec la fonction ajax de base de jquery. (dataType, data, url, type, success, error...). Et egalement beforeSubmit qui eprmet de lancer une fonction avant l'envoi, l'equivalent du onsubmit.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  envoie de formulaire AJAX JQUERY

 

Sujets relatifs
Test sur un formulaire en javascript[Ajax] Soucis d'accent [Résolu]
Récupérer la requette SQL d'un formulaire ?Acces, ouvrir formulaire sur PC en reseau
JQUERY Drag & Drop : ma div reste collée a ma sourisTéléchargement d'images pour formulaire de news
[OL 2003] Consulter/ajouter dans Base Access depuis formulaire Outlookgénérateur de formulaire
[Résolu] Problème sur un formulaire de contactBon livre HTML 5 CSS3 voir Jquery
Plus de sujets relatifs à : envoie de formulaire AJAX JQUERY


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR