visualiser un formulaire dans un autre page

**jacez** · 05/06/2012, 19h59

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 :

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
 
 
<%@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 :

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

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 ;

**SpaceFrog** · 06/06/2012, 09h05

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$.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.');
                      });
                }
            });

????
Tu as visiblement un souci avec ajax ...
quel interet d'aller faire un $.get sur le complete du $.ajax ????

Tu as déja un souci de base avec ton formulaire qui sur le submit lance un ajax ... mais n'inhibe pas le comportement naturel d'un bouton submit de form, c'est a dire recharger la page...
Je te conseillerais de revoir les tutos sur ajax et de commencer plus simple et pas à pas

**jacez** · 06/06/2012, 12h57

Merci Monsieur

ici j'utilise ajax pour récupérer les données de la form puis lors la fin de la requête je envois les données au deuxième page ;
désolé , c'est $('#reqj').html(data); pas ("data") ;

**SpaceFrog** · 06/06/2012, 14h20

Quel interet de faire des aller retours ?

**jacez** · 06/06/2012, 14h57

Envoyé par SpaceFrog

Quel interet de faire des aller retours ?

chaque fois l'utilisateur insérer des information , ces information doit apparaître dans un autre page dans le div spicifier dans la fonction ;

**SpaceFrog** · 06/06/2012, 15h07

ben ce n'est pas en faisant un get dans le callback ...

rafraichit plutôt l'autre fenêtre ...

tu parles d'instances de window , pas de divs dans ta page ?

visualiser un formulaire dans un autre page

jQuery

Vue hybride

Discussions similaires

Partager

Partager