用于多个html页面的Javascript文件

Question

我是Javascript的初学者。我目前正在使用它开发Phonegap应用程序。我被夹在中间，因为我有4个html页面用于注册过程，我必须将所有html页面输入值传递到单个js文件，因为最终所有数据都必须发布到服务器URL，而且我在许多网站上读到，他们建议对你网站的所有页面使用相同的js文件来加快网站速度。所以我有两个问题要解决。我搜索了很多网站，但没有找到准确的答案。

>

我需要将4个html页面的输入值传递到单个js文件。

我必须为登录和注册创建一个js文件。

我的JS页面代码是：

var firstName="";
var lastName="";
var email="";
var password="";
var retypePassword="";
var gender="";
var DOB="";
var institute="";
var course="";
var branch="";
var semester="";
var teachers = [];

function signUpStarting() {
    alert(firstName + " "+lastName+" "+email+" "+password+" "+retypePassword+" "+gender+" "+DOB+" "+institute+" "+course+" "+branch+" "+semester+" "+teachers.join(","));

}   

function signUp1() {
    firstName[0] = $("#first_name").val().trim();
    firstName[1] = $("#last_name").val().trim();
    email = $("#email").val().trim();
    password = $("#password").val();
    retypePassword = $("#retype_password").val();   
    alert(firstName + " "+lastName+" "+email+" "+password+" "+retypePassword);
}

function signUp2() {
    gender = $('#gender').find(":selected").text();
    DOB = $('#DOB').val();
    alert(gender+" "+DOB);
}

function signUp3() {
    institute = $('#institute').find(":selected").text();
    course = $('#course').find(":selected").text();
    branch = $('#branch').find(":selected").text();
    semester = $('#semester').find(":selected").text();
    alert(institute+" "+course+" "+branch+" "+semester);
}

function signUp4() {
    $(":checkbox" ).map(function() {
            if($(this).is(':checked')){
                    teachers.push($('label[for="' + this.id + '"]').text());
            }
    });
    signUpStarting();
}

在html页面中，我为每个页面调用JS函数：

在第一页：

<a onclick="signUp1()" href="register-two.html">continue</a>

第二页：

<a onclick="signUp2()" href="register-three.html">continue</a>

在第三页：

<a onclick="signUp3()" href="register-four.html">continue</a>

第四页：

<a onclick="signUp4()">continue</a>

在从一个页面到下一个页面的每个事务上，我都在JS中设置了警报，并且我也得到了带有准确值的警报。但在点击html第四页的continue按钮后，我将代码转移到主注册函数。我试图在signUpStarting（）函数中看到警报，但在那里我只得到第四页值的响应，其他值没有显示任何内容，因为变量为null。

我不知道如何在不使用localStorage或Cookie并将所有数据发布到服务器的情况下为always保存变量值。我想，如果我知道将我的站点的所有html页面编码为单个JS文件，这会更容易。

请帮帮我！

Answer 1

我不知道如何在不使用localStorage或Cookie并将所有数据发布到服务器的情况下为always保存变量值。我想，如果我知道将我的站点的所有html页面编码为单个JS文件，这会更容易。

这是完全正确的。在Web浏览器环境中，不能在页面加载之间将数据存储在内存中，因为当浏览器从页面导航到新页面时，所有javascript变量都会自然销毁（即使它们在两个页面上使用相同的javascript）。因此，您必须将其保存在更持久的地方：本地存储、cookie或通过POST或GET保存在服务器上。

我建议取消四个不同的html页面，只使用一个html页面，随着用户填写数据而动态变化。这样，在您准备将数据发布到服务器之前，浏览器不会消除数据。