JQuery MVC php

**laomaotou** · 05/07/2011, 10h22

Je utilise JQuery pour submit une formulaire automatiquement.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

**Golgotha** · 05/07/2011, 10h28

Bonjour,

As tu une erreur dans ta console Javascript ?

**laomaotou** · 05/07/2011, 10h41

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.

**Golgotha** · 05/07/2011, 10h46

"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.

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.

**laomaotou** · 05/07/2011, 10h55

En effet, je voudaris submit la form automatiquement, et je ne sais pas comment à faire ça?

**laomaotou** · 05/07/2011, 11h00

Si je supprime

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Il va submit automatiquement ?

Merci

**BByani** · 05/07/2011, 11h18

Pour envoyer un formulaire "automatiquement" tu fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**laomaotou** · 05/07/2011, 11h36

Envoyé par BByani

Pour envoyer un formulaire "automatiquement" tu fais

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !

**Golgotha** · 05/07/2011, 11h50

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.

**Benjamin Delespierre** · 05/07/2011, 13h10

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**laomaotou** · 05/07/2011, 14h02

Envoyé par Benjamin Delespierre

Oui, avec Ajax.

Quelque chose du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Dans mon controller:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**laomaotou** · 05/07/2011, 14h05

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.

**Golgotha** · 05/07/2011, 14h22

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$("#general").submit(function(){ 

/* TON CODE AJAX ICI */

return false;

});

**laomaotou** · 05/07/2011, 14h46

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$("#general").submit(function(){ 

/* TON CODE AJAX ICI */

return false;

});

Mon code est:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
			});
 
		});