Charger données issues d'un autre fichier

Version imprimable

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:

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:

<p>Toto</p>

Et voici mon code jquery :
Code:

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!

09/04/2019, 15h44
SpaceFrog

Ton append doit être DANS le success
10/04/2019, 07h24
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 ^^
10/04/2019, 08h13
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
10/04/2019, 09h00
NoSmoking
Bonjour,

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

Code:

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

ou
Code:

1 2 3 $('button').click(function(ev){ ev.preventDefault(); $.ajax({
10/04/2019, 09h39
Bensljul

Merci à vous deux ca fonctionne :)
10/04/2019, 11h48
SpaceFrog

arf j'avais zappé le coup du button = submit ...
je n'utilise jamais cette balise surannée :oops: mais plutot des inputs type= button
10/04/2019, 13h53
NoSmoking

Citation:

je n'utilise jamais cette balise surannée ...

surannée peut être pas mais il faut avouer que c'est troublant d'être obligé de la déclarer en type="button", type qu'elle devrait avoir par défaut !

2 pièce(s) jointe(s)

Bonjour,

Je me permet de revenir vers vous car j'ai presque réussi à faire ce que je veux ^^
Maintenant il me reste un dernier «souci» ^^ en effet quand je reclick sur mon bouton, je voudrais que ca supprime ce qui était affiché avant pour afficher le nouveau fichier généré j'ai essayé ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
//Dans la partie ou je récupère mon fichier généré pour l'afficher
$.ajax({
			type:"GET",
			url:"test_HTML_LOGRESEARCH.html",
			dataType: "html",
			cache: false,
			success: function(xml){
				$('#aff').empty();
				$('#aff').append(xml);
				$('#aff').tabs();
			}
		});

et ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
//Déclenchement du script à distance
		$.ajax({
			type: 'GET',
			url :'http://toolbox.cnav.fr/cgi-bin/lanceurtest.sh',
			dataType:'text',
			data: name + " " + NAME,
			//cache: false,
			async: false,
			success: function(){
				$('#aff').empty();
			}
		});
//Récupération du fichier de sortie crée par le script lancé
		$.ajax({
			type:"GET",
			url:"test_HTML_LOGRESEARCH.html",
			dataType: "html",
			cache: false,
			success: function(xml){
				//$('#aff').empty();
				$('#aff').append(xml);
				$('#aff').tabs();
			}
		});

mais le résultat reste le même :
1erclick:
Pièce jointe 465958

2eme click
Pièce jointe 465959

Mercid'avance :)