静态页面中如何传json数据

最新推荐文章于 2023-02-03 19:25:42 发布

理智Tinley

最新推荐文章于 2023-02-03 19:25:42 发布

阅读量1.5k

点赞数

分类专栏：前端 html 文章标签：传递Json数组

前端同时被 2 个专栏收录

10 篇文章

订阅专栏

html

3 篇文章

订阅专栏

本文详细介绍了如何在前端使用JavaScript处理URL中的参数，将其转换为JSON格式，并在页面加载时进行解码和解析。同时，展示了如何通过jqGrid插件选取数据并组装成JSON数组，再进行编码传输至服务器，以及服务器端如何接收并正确解析这些数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首页传递参数组装成json数据，再编码

var param="{type:'"+type+"',text:'"+select_text+"',select_:'"+select_+"',typename:'"+typename+"'}";

window.self.location="/"+ServerName+"/public/serverlist.html?param="+encodeURI(param);

接受参数页面是这样解析的

//获取index搜索的条件

var search=window.location.search;

var param=decodeURI(search);

function OperatorParam(){

if(param!=null&&param!=""){

param=param.substring(param.indexOf("=")+1,param.length);

var json=eval('('+param+')');

var type=json.type;

var typename=json.typename;

var select_=json.select_;

var text=json.text;

}
}

转自https://www.cnblogs.com/bornteam/p/5241504.html

以下是自己的代码：

//jqGrid组装选中的数据成json数组
var ids = $("#gridList").jqGrid('getGridParam', 'selarrrow');// 获取 多行数据
        if (ids == "") {
            return false;
        } 
        var AllData = "[";
        for (var i = 0; i < ids.length; i++) {
            var rowData = $("#gridList").jqGrid('getRowData', ids[i]);
            AllData += JSON.stringify(rowData);
            if (i != ids.length - 1) {
                AllData += ",";
            }
        }
        AllData += "]";
$.modalOpen({
            id: "Form",
            title: "选择检验报告类型",
            //传递参数是先将json数组转换字符串 再加密传输
            url: "/ExammineManage/Exammine/ExammineForm?AllData=" +encodeURI(JSON.stringify(AllData)),
            width: "400px",
            height: "250px",
            callBack: function (iframeId) {
                top.frames[iframeId].submitForm();
            }
        });


//接收json数组
var param = decodeURI(location.search);
        if (param != null && param != "") {
            param = param.substring(param.indexOf("=") + 1, param.length);
           var AllData = eval('(' + param + ')');
        }