Question

我正在尝试将我保存的变量保存到我在另一个页面上创建的表上。我从表单中获取用户的信息，并单击一个按钮并触发以将值保存到变量中。我的问题是我无法使用我保存的变量更改另一页面上的内部html。我正在使用1个js文件和2个html文件。我只能使用js / jquery，html和css。这是我的代码：

loanpage.html

<!DOCTYPE html>
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <title>Super Awesome Loan Guys Loan Information</title>
    <link rel="stylesheet" type="text/css" href="loanpage.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="loanpage.js"></script>
</head>

<body>
    <div class="bg" id="text-center">
        <h1>Here is the info you submitted!</h1>
        <table>
            <tr>
                <th>Name</th>
                <th>Phone Number</th>
                <th>Email Address</th>
                <th>Zip Code</th>
                <th>Loan Amount</th>
                <th>Loan Duration</th>
                <th>Interest</th>
            </tr>
            <tr>
                <td id="displayName">1</td>
                <td id="displayPhone">1</td>
                <td id="displayEmail">1</td>
                <td id="displayZip">1</td>
                <td id="displayAmount">1</td>
                <td id="displayDuration">1</td>
                <td id="displayInterest">1</td>
            </tr>
        </table>
    </div>
</body>
</html>

infopage.html

//js code
var name = "";
var phone="";
var email="";
var zip="";
var loan=0;
var loanrate=12.0;
var loanlen=0;
//Jquery code
$(document).ready(function (){
    $("#submitbutton").click(function(){
       loan = parseFloat($("#loanamount").val());
    if ($("#12month").is(':checked')){
        loanlen = 12;
    }
    else if ($("#18month").is(':checked')){
        loanlen = 18;
    }
    else if ($("#24month").is(':checked')){
        loanlen = 24;
    }
    name = $("#namefield").val();
    phone = $("#phonefield").val();
    email = $("#emailfield").val();
    zip = $("#zipfield").val();
    document.getElementById("displayName").innerHTML(name);
    document.getElementById("displayPhone").innerHTML(phone);
    document.getElementById("displayEmail").innerHTML(email);
    document.getElementById("displayZip").innerHTML(zip);
    document.getElementById("displayAmount").innerHTML(loan);
    document.getElementById("displayDuration").innerHTML(loanlen);
    document.getElementById("displayInterest").innerHTML(loanrate);
});

loanpage.js

$ cat a.sh
#!/bin/bash

echo -n "apple" | shasum -a 256

$ sh -x a.sh
+ echo -n apple
+ shasum -a 256
d9d20ed0e313ce50526de6185500439af174bf56be623f1c5fe74fbb73b60972  -
$ bash -x a.sh
+ echo -n apple
+ shasum -a 256
3a7bd3e2360a3d29eea436fcfb7e44c735d117c42d1c1835420b6b9942dd4f1b  -

}）;

Answer 1

本地存储是您最好的选择。

// Save data to the current local store
localStorage.setItem("username", "John");

// Access some stored data
alert( "username = " + localStorage.getItem("username"));

https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

使用JQuery在2个html文件中使用相同js文件中的变量

1 个答案: