如何将json值从一页传递到另一页（需要帮助）

Question

使用此脚本解析json值并显示在第一页（home.html）

我正在使用href标记转到第二页（Details.html）

$(function() {
    var RETAIL_CRM = [];
    var dmJSON = "https://cordova.eu-gb.mybluemix.net/CRM.jsp";
    $.getJSON(dmJSON, function(data) {
        $.each(data.RETAIL_CRM, function(i, f) {

我只想将这三个（f.S_NO，f.NAME和f.STATUS）值从home.html发送到Details.html

var tblRow = "<tr>" + "<td>" + "<a href=Details.html?localStorage.getItem=" + f.S_NO + "&value1=" + f.STATUS + "&value2=" + f.NAME + ">" + f.S_NO + "</td>" + "</a>" + "<td>" + f.NAME + "</td>" + "<td>" + f.STATUS + "</td>" + "</tr>";
            $(tblRow).appendTo("#list");
        });

这些输入类型位于第二页（Details.html）上，我只想在其中设置值。

document.getElementById("crm_serialnumber").value = localStorage.getItem;
        document.getElementById("crm_name").value = value1;
        document.getElementById("crm_status").value = value2
    });
});

我需要一些帮助。

Answer 1

首先，我建议使用JavaScript框架而不是纯HTML，因为它会使生活变得更加轻松（考虑角度/反应）。

最简单的方法是使用本机localStorage函数，该函数在许多浏览器中都受支持，但是使用方法错误。

文档规定的用法：

localStorage.setItem('key','value')
var key_val = localStorage.getItem('key')

您还可以使用我为自己制作的以下代码段：

var storage = {
    get: function (key, skipParse) {
        var data = localStorage.getItem(APP_PREFIX + key);

        if (data) {
            if (!skipParse) {
                data = JSON.parse(data);
            }

            return data;
        }
    },
    set: function (key, value, skipParse) {
        if (!skipParse) {
            value = JSON.stringify(value);
        }

        localStorage.setItem(APP_PREFIX + key, value);
    },
    remove: function (key) {
        localStorage.removeItem(APP_PREFIX + key);
    }
}

查看我的要点以获取完整的详细信息： $ helper

---

如果要获取查询参数，则为UPDATED ，请在Details.html页面上使用以下代码：

 function getParameterByName(name, url) { if (!url) url = window.location.href; name = name.replace(/[\\[\\]]/g, "\\\\$&"); var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), results = regex.exec(url); if (!results) return null; if (!results[2]) return ''; return decodeURIComponent(results[2].replace(/\\+/g, " ")); } // Usage will be like this getParameterByName("value1") // will return f.STATUS in your case. getParameterByName("value2") // f.NAME.. vice versa.. 

使用javaScript获取查询参数