Как получить вывод значений Post для пользователя без перезагрузки страницы?

Question

Я пытаюсь отправить введенные пользователем данные на странице JSP с помощью Ajax.Я отправил переменную "vars" на странице Jsp, используя Ajax.Вывод: регистрация прошла успешно.Добро пожаловать, NULL, Ваш пароль: NULL, FirstName: NULL, LastName: NULL, E-mail: NULL и Дата рождения: NULL,

    var output1 = document.getElementById("output1");

    function saveUserInfo() {
        var userName = document.getElementById('username').value;
        var password = document.getElementById('password').value;
        var firstName = document.getElementById('firstname').value;
        var lastName = document.getElementById('lastname').value;
        var email = document.getElementById('email').value;
        var dob = document.getElementById('datepicker').value;
        var vars = "username"+userName+"&password"+password+"&firstname"+firstName+"&lastname"+lastName+"&email"+email+"&datepicker"+dob;

        var hr = new XMLHttpRequest();
        var url = 'register.jsp';
        hr.onreadystatechange = function() {
            if(this.readyState == 4 && this.status == 200) {
                console.log(hr.responseText);
                output1.innerHTML = (hr.responseText);
            }
        }
        hr.open("POST",url,true);
        hr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        hr.send(vars);
    }

Это моя страница JSP:Я пробовал этот способ, но, как я могу использовать информацию, которую я отправил, используя переменную "vars"?

<%@ page import ="java.sql.*" %>
<%@ page import ="javax.sql.*" %>

<%
String user = request.getParameter("username");
session.putValue("username",user);
String pwd = request.getParameter("password");
String fname = request.getParameter("firstname");
String lname = request.getParameter("lastname");
String email = request.getParameter("email");
String dob = request.getParameter("dateofbirth");

 %>

Registration is Successfull. Welcome
<%=user %>,
Your Password is : <%=pwd %>,
FirstName : <%=fname %>,
LastName : <%=lname %>,
Email : <%=email %>,
and Date Of Birth is : <%=dob %>,

Япытается отобразить информацию на той же странице без перезагрузки страницы.

Answer 1

Проблема в вашем коде в том, что при передаче переменной вы не используете " = ".Этот оператор используется для присвоения значения некоторой переменной.Итак, здесь, в вашем коде

var vars = "username"+userName+"&password"+password+"&firstname"+firstName+"&lastname"+lastName+"&email"+email+"&datepicker"+dob;

Вы забыли дать " = " при назначении значения переменной, просто измените его на что-то вроде этого

var vars = "username="+userName+"&password="+password+"&firstname="+firstName+"&lastname="+lastName+"&email="+email+"&datepicker="+dob;

Для получения дополнительной информации см. Это - http://www.javascriptkit.com/dhtmltutors/ajaxgetpost2.shtml