bonjour,

j'ai une liste de profils sur plusieurs pages

je souhaite passer les pages sans recharger avec ajax

au 1er clique sur suivant ça fonctionne mais apres la page se recharge

J'ai beau chercher mais je ne trouve aucune solution

voici mon js

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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
$(document).ready(function (e) {
	$("#precedent").on('submit',(function(e) {
 
		e.preventDefault();
		$.ajax({
        	url: "/include/liste_amis.php",
			type: "GET",
			data:  $(this).serialize(),
			success: function(data)
		    {
			$("#listea").html(data);
			},
		  	error: function() 
	    	{
				console.log(error);
                alert(error);
 
	    	}, 
			complete : function(resultat, statut)
			{
			}
 
	   });
	}));
});
 
 
$(document).ready(function (e) {
	$("#suivant").on('submit',(function(e) {
 
 
		e.preventDefault();
		$.ajax({
        	url: "include/liste_amis.php",
			type: "GET",
			data:  $(this).serialize(),
			success: function(data)
		    {
			$("#listea").html(data);
			},
		  	error: function() 
	    	{
				console.log(error);
                alert(error);
 
	    	}, 
			complete : function(resultat, statut)
			{
			}
 
	   });
	}));
});

voici mon code pour passer les pages:

Code HTML : 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
		  <div class="navigation_liste">
 
<form id="precedent" action="" method="get">
		<input type="hidden" name="init" value="<?php echo $lien_liste; ?>">
		<input type="hidden" name="limite" value="<?php echo $limiteprecedente_liste; ?>">
		<button type="submit" class="navigation_liste_left"></button>
		</form>
 
 
<form id="suivant" action="" method="get">
		<input type="hidden" name="init" value="<?php echo $lien_liste; ?>">
		<input type="hidden" name="limite" value="<?php echo $limitesuivante_liste; ?>">
		<button type="submit" class="navigation_liste_right"></button>
		</form>
 
</div>