如何在不重新加载页面的情况下将 Post 值输出给用户？答案

【问题标题】：How do I get Post values output to user without Reloading the page?如何在不重新加载页面的情况下将 Post 值输出给用户？
【发布时间】：2019-06-30 01:35:09
【问题描述】：

我正在尝试使用 Ajax 在 JSP 页面上发送用户输入的数据。我已经使用 Ajax 在 Jsp 页面上发送了变量“vars”。输出：注册成功。欢迎为空，您的密码为：空，名字：空，姓：空，电子邮件：空，出生日期为：空，

    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 %>,

我正在尝试在同一页面上显示信息而不重新加载页面。

【问题讨论】：

标签： html ajax jsp

【解决方案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

【讨论】：