javascript - 如何将带有参数的表格从一页传递/生成到另一页

Question

嗨，我有一个场景，我正在生成一个动态表以及动态按钮，当用户单击该按钮时，它必须获取该行值，并且通过将此值作为参数生成另一个动态表。到目前为止我尝试生成一个动态表并使用按钮并将参数传递给该函数，这里我坚持如何传递/接受参数给该函数，以便通过使用ajax调用它可以生成另一个动态表。

    $.ajax({
        type: 'GET',
        url: xxxx.xxxxx.xxxxx,
        data: "Id=" + clO + Name_=" + cl+ "",

        success: function (resp) {

            var Location = resp;
            var tr;
            for (var i = 0; i < Location.length; i++) {

                tr = tr + "<tr>

                tr = tr + "<td style='height:20px' align='right'>" + Location[i].Amount + "</td>";

                tr = tr + "<td style='height:20px' align='right'>" + Location[i].Name + "</td>";

                tr = tr + '<td><input type="button" class="nav_button" onclick="test(\'' + Location[i].Amount + '\',\'' + Location[i].Name + '\')"></td>';

                tr = tr + "</tr>";

            };

            document.getElementById('d').style.display = "block";
            document.getElementById('Wise').innerHTML = "<table id='rt'>" + "<thead ><tr><th style='height:20px'>Amount</th>" + "<th style='height:20px'>Name</th>""</tr></thead>"
                + tr + "<tr><td align='left' style='height:20px'><b>Total:"+ TotBills +"</b></td><td style='height:20px' align='right'><b></b></td></tr>" +

                "</table>";
            document.getElementById('Wise').childNodes[0].nodeValue = null;

        },
        error: function (e) {

            window.plugins.toast.showLongBottom("error");


        }



function test(value,val1,val2) {

    navigator.notification.alert(value + ";" + val1 + ";" + val2);
    // here i have to pass the another ajax by basing on the the onclick
}

所以在函数中我必须传递参数并且必须在新页面中显示，这怎么可能？

Answer 1

要将数据从一个页面传递到另一个页面，最好的选择是 localStorage 和 SessionStorage；

SessionStorage - 类似于关闭浏览器时过期的 cookie。它与localStorage结构相同，但无法改变其持久时间，每当关闭时都会被删除。

LocalStorage - 这类似于 cookie，但它永远不会过期，因此虽然 AppCache 中有该域的记录，但该变量将存在(除非用户创建例程来删除它) )。

这两个属性都是由 HTML5 添加的。以上项目称为网络存储。但通过 HTML5 还有其他形式的本地存储，例如 WebSQL 数据库、索引数据库 (IndexDB) 以及常规文件 (File Access)。

例如:

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

是你的意思吗？