前端参数赋值Josn字符串

在实际的项目中，有时候需要给前端参数进行赋值，这个前端参数的赋值可能是一个字符串，有时候也可能是一个json字符串。

今天就来给大家分享下如何给前端参数赋值json字符串。

场景介绍，有时候报表进行Post请求的时候，Post请求中的查询语法，为了更加灵活，想要通过参数的形式进行传递。这样参数赋值就存在两种形式了，第一种就是直接在报表预览的时候在输入框输入json，或者是通过前端的形式给参数输入json字符串

前端传入参数的基本写法：

1. viewer.open('reports/展示3.rdlx-json',{ ReportParams: [{ Name: "input", Value:["1","2","3"] }] });     

复制代码

前端参数赋值json的写法
需要传入的Post的json写法

1. {
   
2.     "filter":{
   
3.         "province":"山东省",
   
4.         "unit":"中烟1",
   
5.         "beginTime":"2001-10-10",
   
6.         "endTime":"2022-12-10",
   
7.         "headers":["预警处置#调查启动比#本期","预警处置#调查启动比#同期"]
   
8.         },
   
9.     "orderField":"unit",
   
10.     "orderType":"desc"
    
11. }

复制代码

在这里就到了重点，如果需在前端参数赋值json，那么就需要把json转换为json字符串的形式，这样前端才能识别
json转换为字符串的工具：https://www.bejson.com/zhuanyi/


转换后的json字符串

1. {
   
2.     "filter":{
   
3.         "province":"山东省",
   
4.         "unit":"中烟1",
   
5.         "beginTime":"2001-10-10",
   
6.         "endTime":"2022-12-10",
   
7.         "headers":["预警处置#调查启动比#本期","预警处置#调查启动比#同期"]
   
8.         },
   
9.     "orderField":"unit",
   
10.     "orderType":"desc"
    
11. }

复制代码

前端赋值方法：

1.   viewer.open('reports/展示3.rdlx-json',{ ReportParams: [{ Name: "input", Value:["{"filter":{ "province":"山东省","unit":"中烟1","beginTime":"2001-10-10","endTime":"2022-12-10", "headers":["预警处置#调查启动比#本期","预警处置#调查启动比#同期"]},"orderField":"unit","orderType":"desc"}"] }] });  

复制代码