visualiser un formulaire dans un autre page
Bonjour ;)
j’essaie de visualiser les donnés inséré par l’utilisateur , dans un autre page chaque fois il submit ses donnes ; par exemple j’essaie d'afficher les données de formulaire de la page test1.jsp dans le <div id=""> de la page test2.jsp lorsque l’utilisateur clic sur le button ok;
mon code pour ça
page test1.jsp :
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<form method="get" action="" id="formjq">
nom :<input type="text" id="text1"></br>
prenom :<input type="text" id="text2"></br>
class :<input type="text" id="text3"></br>
<input type="submit" value="ok">
</form>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#formjq').on('submit', function() {
$.ajax({
url: $(this).attr('action'),
type: $(this).attr('method'),
data: $(this).serialize(),
complete: function() {
$.get('test2.jsp', function() {
$('#reqj').html(data);
//alert('Load was performed.');
});
}
});
return false;
});
});
</script>
</body>
</html> |
page test2.jsp :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body>
<div id="reqj">
</div>
</body>
</html> |
le code s’exécute avec sans erreur mais avec sans résultats , je sais pas ou je dois changer , c'est ma première contact avec javascript ;
est ce qu'il y a un autre méthode ou autre maniéré , pour résoudre ce problème ;
merci d’avance ;
