Discussion :

[Bensljul]

Bonjour,

Je suis en train de développer une page web pour le boulot et je teste quelque fonctionnalités.

La 1ere est de déclencher un script shell avec passage de plusieurs arguments en passant cgi-bin : ca c'est bon ca fonctionne

Mon problème maintenant est que je n'arrive pas à récupérer les données d'un fichier à partir d'un click sur un bouton ><

En fait ca marche à moitié explication :

mon code HTML (page principale qui envoi la requete) :

Code HTML :

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

1
2
3
4
5
6
7
<form>
    <button>Test</button>
</form>
<div id ="aff">
 
</div>
</body>

maintenant le fichier .html dont je souhaite afficher le contenu dans le div "aff" :

Code :

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

<p>Toto</p>

Et voici mon code jquery :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
	var rep='';
	//Envoi de la requete vers le script shell
	 $('button').click(function(){
		$.ajax({
			url: "test_json.html",
			async: false, // si je ne mets pas ce paramètre à false, rien s'affiche XD
 			success: function(test){
				rep = test;
			},
		});
		$('#aff').append('<p>'+rep+'</p>');
	});
});

Et au moment ou je clique sur le bouton, je vois «Toto» qui s'affiche pendant 2secondes et après plus rien ^^

Je vous remercie pour votre aide!

[SpaceFrog]

Ton append doit être DANS le success

[Bensljul]

Bonjour,

Je viens de placer le «append» dans la fonction success et le résultat reste le m^me : «Toto» s'affiche pendant 1 seconde et disparaît ensuite ^^

[SpaceFrog]

Alors c'est que tu as un autre bout de code quelque part qui modifie le contenu. il doit y avoir un html() car le append ajoute du contenu sans effacer

[NoSmoking]

Bonjour,

attention un <button> dans un <form> est de type submit.

Code html :

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

<button type="button">...</button>

ou

Code :

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

1
2
3
$('button').click(function(ev){
    ev.preventDefault();
    $.ajax({

[Bensljul]

Merci à vous deux ca fonctionne