JS及JSP中的json数据处理

jsp 同时被 2 个专栏收录
2 篇文章 0 订阅
3 篇文章 0 订阅

在做h5开发过程中,通常我们会使用EL表达式将java层获取到的数据通过<input type='hidden' value='${data}'>的方式获取到当前jsp页面,然后在js文件中使用jQuery的方式获取数据进行数据处理很使用。这里就个人使用中遇到的问题进行几点记录:

1、jsp中使用EL表达式获取数据时,value值采用单引号,能避免双引号赋值过程中,对json数据中双引号成对匹配产生的错误匹配异常。

2、js文件中获取到jsp中value值时,需要将json的string类型装成json对象。具体方法是:

var repaymentAnalysisOut = $('#repaymentAnalysisOut').val();
var repaymentAnalysisOutJSON = JSON.parse(repaymentAnalysisOut);
var repaymentAnalysisOutAmountY = [];
var repaymentAnalysisOutMonthX = [];

for (var i = 0; i < repaymentAnalysisOutJSON.length; i++) {
    var amountFloat = parseInt(repaymentAnalysisOutJSON[i].amount);
    repaymentAnalysisOutAmountY.push(amountFloat);
    repaymentAnalysisOutMonthX.push(repaymentAnalysisOutJSON[i].month);
}

由上面的代码看到,解析成string转成json对象使用的方法是JSON.parse("json string").

总结JS文件中对JSON字符串和对象的操作如下:

1、json 类型的字符串转成json对象及取值

var jsonString = '{"bar":"property","baz":3}';
var jsObject = JSON.parse(jsonString);    //转换为json对象
alert(jsObject.bar);    //取json中的值


2、json对象转成json类型的字符串

var jsonString = '{"bar":"property","baz":3}';

var jsObject = JSON.parse(jsonString); //转换为json对象

alert(jsObject.bar); //取json中的值

var st = JSON.stringify(jsObject); //转换为json类型的字符串 

拼接过程中,细节很重要,注意{}外层是单引号,字符串中的key需要用双引号引起来,value是字符串的需要用双引号引起来,boolean和数字则不用。

  • 0
    点赞
  • 0
    评论
  • 3
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页

打赏作者

三分钟热度灬

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值