javascript onclick事件中传递对象参数和JavaScript中对象字符串转换

最新推荐文章于 2025-10-27 16:58:25 发布

转载最新推荐文章于 2025-10-27 16:58:25 发布 · 796 阅读

JS 同时被 2 个专栏收录

122 篇文章

订阅专栏

Jquery

45 篇文章

订阅专栏

本文介绍了如何使用JavaScript内置的JSON对象实现对象与JSON字符串的相互转换。包括将对象转化为JSON字符串的方法及其应用场景，并展示了如何将JSON字符串解析为JavaScript对象。

http://blog.youkuaiyun.com/chmod_r_755/article/details/69987119

支持原创，原文链接

http://blog.youkuaiyun.com/legend11/article/details/53408459

http://blog.youkuaiyun.com/starrexstar/article/details/8083259/

var user = {id:1, name:'zs', age:20};

var ele = '<a onclick="edit(' + JSON.stringify(user).replace(/"/g, '"') + ');">修改</a>';

或者

var ele = '<a onclick="edit(\'' + JSON.stringify(user).replace(/"/g, '"') + '\');">修改</a>';

前者取到的是json对象，后者取到的是json字符串。

利用原生JSON对象，将对象转为字符串

[javascript] view plain copy

print ?

var jsObj = {};
jsObj.testArray = [1,2,3,4,5];
jsObj.name = 'CSS3';
jsObj.date = '8 May, 2011';
var str = JSON.stringify(jsObj);
alert(str);

var jsObj = {};  
jsObj.testArray = [1,2,3,4,5];  
jsObj.name = 'CSS3';  
jsObj.date = '8 May, 2011';  
var str = JSON.stringify(jsObj);  
alert(str);

从JSON字符串转为对象

[javascript] view plain copy

print ?

var jsObj = {};
jsObj.testArray = [1,2,3,4,5];
jsObj.name = 'CSS3';
jsObj.date = '8 May, 2011';
var str = JSON.stringify(jsObj);
var str1 = JSON.parse(str);
alert(str1);

var jsObj = {};  
jsObj.testArray = [1,2,3,4,5];  
jsObj.name = 'CSS3';  
jsObj.date = '8 May, 2011';  
var str = JSON.stringify(jsObj);  
var str1 = JSON.parse(str);  
alert(str1);