envoie de formulaire AJAX JQUERY

envoie de formulaire AJAX JQUERY - HTML/CSS - Programmation

Marsh Posté le 24-04-2011 à 12:58:28    

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 ?
 

Reply

Marsh Posté le 24-04-2011 à 12:58:28   

Reply

Marsh Posté le 24-04-2011 à 13:06:29    

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>

Reply

Marsh Posté le 25-04-2011 à 13:26:40    

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

Code :
  1. var options = { };
  3.     $('#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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed