JQuery MVC php

[laomaotou]

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 !

[Golgotha]

Bonjour,

As tu une erreur dans ta console Javascript ?

[laomaotou]

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]

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

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

[laomaotou]

Si je supprime

Code :

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

Il va submit automatiquement ?

Merci

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

[laomaotou]

Envoyé par BByani

Pour envoyer un formulaire "automatiquement" tu fais

Code :

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]

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]

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">
<!--
$("#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(); });

[laomaotou]

Envoyé par Benjamin Delespierre

Oui, avec Ajax.

Quelque chose du genre:

Code :

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

[laomaotou]

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]

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;

});

[laomaotou]

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 :

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 !

[Golgotha]

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

[laomaotou]

Envoyé par Golgotha

Il manque un bout de code dans ta fonction ajax, après data non ? (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 !