Асинхронный вход в веб-приложение Java EE в Glassfish 3.1.1

Question

Я пытаюсь реализовать асинхронный вход в веб-приложение JEE6, используя javascript и XMLHttpRequest. Я должен быть в состоянии сделать асинхронный вызов с XMLHttpRequest в / app / j_security_check и как-то разобрать ответ, чтобы я мог показать пользователю диалог с «Ошибка входа в систему» ​​или «Ошибка входа в систему». Я использую Glassfish 3.1.1.

Что-то я пытался, но ответ всегда нулевой. У меня есть login.jsp, который содержит форму входа и следующий скрипт:

function submitLogin(formName) {
    var urlAction = "/app/j_security_check";
    var client;
    var dataString;
    if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari
        client = new XMLHttpRequest();
    } else { // IE6, IE5
        client = new ActiveXObject("Microsoft.XMLHTTP");
    }

    client.onreadystatechange = function() {
        var response = client.responseText; // this is always null

                    /* ALERT THE DIALOG HERE ACCORDING TO RESPONSE? */
    };

    var form = document.forms[formName];
    var username = form.elements["j_username"].value;
    var password = form.elements["j_password"].value;
    dataString = "j_username=" + username + "&j_password=" + password;
    client.open("POST", urlAction, true);
    client.setRequestHeader("Content-type",
            "application/x-www-form-urlencoded");
    client.send(dataString);
}

Итак, мой вопрос: возможно ли это и как это реализовать?

Edit: Проблема здесь, кажется, возникает из-за перенаправления, которое обеспечивает безопасность Java после успешного / неудачного входа в систему. Кажется, всегда перенаправить страницу, независимо от того, что я делаю с JavaScript. Я также пробовал jjuery-методы ajax безрезультатно.

Answer 1

Я делаю что-то подобное, может быть, это вам поможет:

        //Get a XMLHttpRequest object. 
        //The XMLHttpRequest specification defines an API that provides 
        //scripted client functionality for transferring data between a client and a server. 
        function getXMLObject()  //XML OBJECT
        {
           var xmlHttp = false;
           try {
             xmlHttp = new ActiveXObject("Msxml2.XMLHTTP")  // For Old Microsoft Browsers
           }
           catch (e) {
             try {
               xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")  // For Microsoft IE 6.0+
             }
             catch (e2) {
               xmlHttp = false   // No Browser accepts the XMLHTTP Object then false
             }
           }
           if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
             xmlHttp = new XMLHttpRequest();        //For Mozilla, Opera Browsers
           }
           return xmlHttp;  // Mandatory Statement returning the ajax object created
        }

        var xmlhttp = new getXMLObject(); //xmlhttp holds the ajax obj

        /*
         * Use this method to send data to server using ajax.
         * Sent attribute name is : attribute
         * Sent attribute value is : attribute:val
         */
        function ajaxFunction(attribute,val, url) {
          if(xmlhttp) {
            var param = attribute+"="+attribute+":"+val;
            param +="&tiers_payant="+document.getElementsByName("tiers_payant")[0].value;  //Add the value to send here
            xmlhttp.open("POST",url,true);
            xmlhttp.onreadystatechange  = handleServerResponse;
            xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xmlhttp.send(param);
          }
        }

        /**
         * When client received response from server,
         * set the inner HTML of the page with the one returned by server.
         */
        function handleServerResponse() {
           if (xmlhttp.readyState == 4) {
             if(xmlhttp.status == 200) {
                // DO what you want with : xmlhttp.responseText;

             }
             else {
                 document.getElementById("erreur").innerHTML="Le serveur le répond pas.";
                //alert("Error during AJAX call. Please try again"+xmlhttp.status);
             }
           }
        }