login ajax-servlet: servlet ne rend pas la reponse au code ajax

Version imprimable

J'ai un formulaire de connexion (name et password) et je veux que lorsque l'utilisateur tape son nom et son password, un code ajax s'execute et fais appel à une servlet qui fait la verification et elle rend le resulta(succées ou echec)

voici le code de mon formulaire:

Code:

1
2
3
4
5
6
7
<form action="" method="GET" id="login_frm">
        <label ><b>Username: </b></label>
        <input class="field" type="text" id="log" value="" size="23" />
        <label ><b>Password:</b></label>
        <input class="field" type="password"  id="pwd" size="23" />
        <input type="submit"  value="" class="button_login" />
</form>

et voici le code ajax:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
 
        $("#login_frm").submit(function(){
        $.ajax({
            type: 'GET',
            url: '/RecommandationDefault/connexion?user='+$('#log').val()+'&pwd='+$('#pwd').val(),
            success: function(msg){
                alert(msg);
              }
          });
        });
            ........
 
    }

j'ai simplifié le traitement de ma servlet de tel sort quand je clique sur le bouton login, la servlet execute: out.write("ok") et dans ajax je fais un alert de response pour verifier que la communication s'effectue.

le code de ma servlet(connexion.java)

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
@WebServlet(name = "connexion")
public class connexion extends HttpServlet {
 
    /**
     * Processes requests for both HTTP <code>GET</code> and <code>POST</code> methods.
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        try {
 
        } finally {
            out.close();
        }
    }
 
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
         PrintWriter out = response.getWriter();
        System.out.println("^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^");
 
        out.write("ok");
    }
 
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        processRequest(request, response);
    }
 
    @Override
    public String getServletInfo() {
        return "Short description";
    }// </editor-fold>
 
}

Probleme: dans la consule s'affiche:^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Mais aucune alert n'est declenché.

Merci d'avance

19/04/2014, 15h26
OButterlin

@WebServlet("/connexion") pour url: '/RecommandationDefault/connexion?user='+$('#log').val()+'&pwd='+$('#pwd').val(),
19/04/2014, 18h51
smfrd8

je l'ai fais et toujours le même problème

essaye avec

Code:

1
2
 
url: '/connexion?user='+$('#log').val()+'&pwd='+$('#pwd').val(),

Code:

1
2
 
url: './connexion?user='+$('#log').val()+'&pwd='+$('#pwd').val(),

J'ai pas un probleme d'executer le code de la servlet, Mon probléme est dans out.write:

j'explique:

code ajax:

Code:

1
2
3
4
5
6
7
8
9
10
   $("#login_frm").submit(function(){
    $.ajax({
        type: 'GET',
        dataType:'html',
        url: '/RecommandationDefault/connexion?user=appachito',
        success: function(msg){
            alert(msg);
          }
      });
    });

et code servlet:

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
 
package package1;
 
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
 
/**
 *
 * @author appachito
 */
@WebServlet(name = "/connexion")
public class connexion extends HttpServlet {
 
    /**
     * Processes requests for both HTTP <code>GET</code> and <code>POST</code> methods.
     * @param request servlet request
     * @param response servlet response
     * @throws ServletException if a servlet-specific error occurs
     * @throws IOException if an I/O error occurs
     */
    protected void processRequest(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        response.setContentType("text/html");
        PrintWriter out = response.getWriter();
        try {
 
        } finally {
            out.close();
        }
    }
 
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        System.out.println("Demarrage du servlet");
        response.setContentType("text/html");
        response.setCharacterEncoding("UTF-8");
        PrintWriter out = response.getWriter();
        String n1=request.getParameter("user");
        System.out.println("utilisateur= "+n1);
        out.write("<b>ok</b>");
    }
 
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        processRequest(request, response);
    }
 
    @Override
    public String getServletInfo() {
        return "Short description";
    }// </editor-fold>
 
}

j'ai dans la console:

Code:

1
2
INFO: Demarrage du servlet
INFO: utilisateur= appachito

donc, l'alert ne se declenche pas ce qui veut dire y a un soucis dans out.write

20/04/2014, 10h47
OButterlin
C'est un vrai chantier ta servlet... doGet fait un truc, doPost un autre pas fini :roll:
Rajoute
Code:

1 2 3 out.flush(); out.close();
derrière ton out.write(...)
22/04/2014, 00h16
smfrd8
Citation:
Envoyé par OButterlin

C'est un vrai chantier ta servlet... doGet fait un truc, doPost un autre pas fini :roll:
Rajoute

Code:

1 2 3 out.flush(); out.close();

derrière ton out.write(...)
Toujours le même probléme...

Je partage avec vous la solution, peut être servira pour d'autres développeur.

tout d’abord il faut: Stopper la requête submit

Code:

1
2
3
$("#login_frm").submit(function(e){
               e.preventDefault();
        });

Ensuite la gestion de l’événement clique sur le bouton qui lance une requete ajax à une servlet connexion.java avec deux paramètres:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 $(".button_login").click(function(){
         var user=$('#log').val();
         var pwd=$('#pwd').val();
        $.ajax({
            type: 'GET',
            dataType:'html',
            url: encodeURI('/RecommandationDefault/connexion?user='+user+'&pwd='+pwd),
            success: function(msg){
                     .............
                }
                else
                    alert("user ou mot de passe incorrect");
              },
            error: function(xhr,err) {
                alert('Ajax readyState: '+xhr.readyState+'\nstatus: '+xhr.status + ' ' + err);
            }
          });
    });

et voici le code de la servlet connexion.java qui reçoit les parametre et y utiliser::

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
@Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
        System.out.println("Demarrage du servlet connexion");
        response.setContentType("text/html;charset=UTF-8");
        request.setCharacterEncoding("utf-8");
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Methods", "POST");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type");
        response.setHeader("Access-Control-Max-Age", "86400");
        response.setHeader("Cache-control", "no-cache, no-store");
        response.setHeader("Pragma", "no-cache");
        response.setHeader("Expires", "-1");
 
        PrintWriter out = response.getWriter();
        UserBean user = new UserBean();
        user.setUserName(request.getParameter("user"));
        user.setPassword(request.getParameter("pwd"));
 
        user = UserDAO.login(user);
 
             if (user.isValid())
             {
 
                  out.print(user.getUsername());
             }
 
         else
               out.print("echec");
    }

et ça a trés bien fonctionné.

Bon courage pour tout le monde.