JQuery MVC php

Version imprimable

JQuery MVC php

Je utilise JQuery pour submit une formulaire automatiquement.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$(function() {
				$("#general").submit(function(){ 
									var value_valu = $("#valu").val();
 
				var data = 'value_domainetechnique=' + value_domainetechnique;
 
				$.ajax({
				type: "POST",
				url: ".",
				data: data
				success: function()
				{
					alert("lqllq");
				}
				});
			});
			});

Code:

1
2
3
<form name="general" id="general">
<input type="text" name="valu" id="valu" value="valeur" />
</form>

Il y a érreurs dans mon code ?
Merci !

05/07/2011, 10h28
Golgotha

Bonjour,

As tu une erreur dans ta console Javascript ?
05/07/2011, 10h41
laomaotou

Citation:

Envoyé par Golgotha

Bonjour,

As tu une erreur dans ta console Javascript ?

Après data: data, j'ai oublié ",".
Il n'y a pas d'autre érreur.
05/07/2011, 10h46
Golgotha

"Soumettre automatiquement", je crois que ça ne correspond pas au code que tu as écrit.

le $("#general").submit va être appelé au submit de ton form, mais il faut quand même un bouton pour faire le submit, ce n'est pas le code en lui même qui va le faire.

Citation:

The submit event is sent to an element when the user is attempting to submit a form. It can only be attached to <form> elements. Forms can be submitted either by clicking an explicit <input type="submit">, <input type="image">, or <button type="submit">, or by pressing Enter when certain form elements have focus.
05/07/2011, 10h55
laomaotou

En effet, je voudaris submit la form automatiquement, et je ne sais pas comment à faire ça?
05/07/2011, 11h00
laomaotou

Si je supprime

Code:

$("#general").submit(function(){

Il va submit automatiquement ?

Merci
05/07/2011, 11h18
BByani
Pour envoyer un formulaire "automatiquement" tu fais
Code:

1 2 3 4 //javascript document.formulaire.submit(); //jquery $('#form').submit();
Si tu veux l'envoyer quand un champ est remplis tu utilises un eventhandler
avec une fonction de test et quand cette fonction te renvois "true" tu envois
le formulaire de cet manière.
05/07/2011, 11h36
laomaotou
Citation:
Envoyé par BByani

Pour envoyer un formulaire "automatiquement" tu fais

Code:

1 2 3 4 //javascript document.formulaire.submit(); //jquery $('#form').submit();

Si tu veux l'envoyer quand un champ est remplis tu utilises un eventhandler
avec une fonction de test et quand cette fonction te renvois "true" tu envois
le formulaire de cet manière.
Il y a les effets differents si je utilise javascript et jquery ?
Je voudrais submit un form sans rénover toute la page (après "onchange" event dans input), vous savez comment je vais faire?

Merci beaucoup !
05/07/2011, 11h50
Golgotha

Dans ton onChange justement, tu va mettre $('#form').submit(); comme la dit BByani.

Ce qui va appeler la fonction que tu as écrite plus haut.

Citation:

Je voudrais submit un form sans rénover toute la page (après "onchange" event dans input), vous savez comment je vais faire?

Oui, avec Ajax.

Quelque chose du genre:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script type="text/javascript">  </script>
En surchargeant le submit du formulaire comme dit plus haut tu peux effectivement réduire tout ça à:

Code:

$('#tonelement').change(function () { $(this).parents('form').submit(); });

Citation:

Envoyé par Benjamin Delespierre

Oui, avec Ajax.

Quelque chose du genre:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<script type="text/javascript">
<!--
$("#tonelement").change(function (event) {
  // event.preventDefault(); // a mettre quand on ne veux pas du comportement par défaut (submit au clic sur submit par exemple)
  $.ajax({
     url: 'ton/url/ici',
     type: 'POST',
     data: $('#formulaire').serialize(),
     success: function (data) {
        alert(data); // ce que tu dois faire après la soumission
     }
  });
});
-->
</script>

En surchargeant le submit du formulaire comme dit plus haut tu peux effectivement réduire tout ça à:

Code:

$('#tonelement').change(function () { $(this).parents('form').submit(); });

Merci, j'ai essayé votre idée, mais il y a encore les problèmes, pourriez-vous m'aider à trouver mon érreur? Merci!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script type="text/javascript">
$("#test").change(function () {
			var test= $("#test").val();
 
			var data = 'test=' + test;
 
		            $.ajax({
			     url: '.',  // mon controller
			     type: 'POST',
			     data: data
 
			  });
			});
</script>

Code:

1
2
3
4
 
<form>
<input type="text" id="test" value="test"/>
</form>

Dans mon controller:

Code:

1
2
3
4
5
 
if($this->getRequest()->isPost())
{
$listeparam_test = $this->getRequest()->getParam("test");
}

05/07/2011, 14h05
laomaotou

Citation:

Envoyé par Golgotha

Dans ton onChange justement, tu va mettre $('#form').submit(); comme la dit BByani.

Ce qui va appeler la fonction que tu as écrite plus haut.

Merci. ça marche, mais toute la page rénove. Je voudrais seulement rénover un champ.
05/07/2011, 14h22
Golgotha
Citation:

Envoyé par laomaotou

Merci. ça marche, mais toute la page rénove. Je voudrais seulement rénover un champ.

Pour que ton formulaire HTML soit "court circuité" par la fonction de jQuery, il faut ajouter return false à la fin, pour ne pas ré-envoyer le formulaire.
Code:

1 2 3 4 5 6 7 $("#general").submit(function(){ /* TON CODE AJAX ICI */ return false; });

Citation:
Envoyé par Golgotha
Pour que ton formulaire HTML soit "court circuité" par la fonction de jQuery, il faut ajouter return false à la fin, pour ne pas ré-envoyer le formulaire.
Code:

1 2 3 4 5 6 7 $("#general").submit(function(){ /* TON CODE AJAX ICI */ return false; });
Mon code est:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 $(function() { $("#general").submit(function(){ var value_domainetechnique = $("#DomaineTechnique").val(); var data = 'value_domainetechnique=' + value_domainetechnique; $.ajax({ type: "POST", url: ".", data: data }); return false; }); });
C'est correct ? Il écrit: érreur sur la page.
Merci avance !

05/07/2011, 15h22
Golgotha

Il manque un bout de code dans ta fonction ajax, après data non ? :aie: (le success)
05/07/2011, 15h33
laomaotou

Citation:

Envoyé par Golgotha

Il manque un bout de code dans ta fonction ajax, après data non ? :aie: (le success)

désolé, je sais pas je manque quoi? c'est la première fois je utilise ajax. Pourriez-vous me donner un example?
Merci !