js中 json对象与json字符串相互转换的几种方式

今天在工作中,需要在前端 将需要提交至服务器的数据 组装成json对象,然后转化为字符串,提交至后端。

nodes = $('#PmPbsSelect_tree').tree('getChecked');
var data=[];
for(var i=0;i<nodes.length;i++){
    if(!isParentCheck(nodes[i],nodes)){
        data.push({"id":nodes[i].id,"pid":node.id});
    }else{
        data.push({"id":nodes[i].id,"pid":null});
        }
}
//将json对象转化为字符串
dataStr=JSON.stringify(data);
//ajax提交请求
if (nodes) {
    $.ajax({
         url:ctx+"/PmWbs/savePmWbsByModel",
         type:"POST",
         data:{"dataStr":dataStr,
             "projectId":pmProjectSelect.combobox('getValue')},
         success:function(data){
             basetree.tree('reload');
         },
         error:function(){
             alert("请求失败");
         },
         dataType:"json"
     });      
    return true;
} else {
    alertInfo("请选择项目");
    return false;
}

以下总结js中 json对象与json字符串相互转换的几种方式:

一、JSON对象转化为JSON字符串

1. 使用JSON.stringify()方法进行转换

该方法不支持较老版本的IE浏览器,比如:ie8(兼容模式)、ie7、ie6。

var jsonStr = JSON.stringify(jsonObj);
alert(jsonStr);

2. toJSONString()方法

jsonObj.toJSONString();

二、JSON字符串转化为JSON对象

1.使用eval()函数进行转换**

使用 eval() 转换时需要在 json 字符外包裹一对小括号。

ie8(兼容模式)、ie7、ie6 不要使用此方法。

var jsonObj = eval('(' + jsonStr + ')');
alert(jsonObj[0]["key"]);

2.使用JSON.parse()方法进行转换

ie8(兼容模式)、ie7、ie6 不要使用此方法。

var jsonObj = JSON.parse(jsonStr);

3.使用jQuery进行转换

如果我们项目中有使用 jQuery,那么直接使用 $.parseJSON() 方法即可,而且可以确保各个浏览器的兼容性。

var jsonObj = $.parseJSON(jsonStr);

4.如果使用jquery,在ajax一系列函数中,把参数Datatype传json即可,返回的data即为JSON对象。

PS:如果要对表单处理为json字符串,可以使用.serialize()与.serializeArray()处理,如果要作为URL调用,则可以使用jQuery.param()处理。

整理自:https://www.cnblogs.com/houchen/p/11198457.html
https://www.cnblogs.com/banxian-yi/p/10645616.html

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值