javascript中把数据封装成json数据格式

最新推荐文章于 2024-07-17 01:02:06 发布

原创最新推荐文章于 2024-07-17 01:02:06 发布 · 1w 阅读

16 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #json #双引号 #转义

收录于

本文介绍了一种在JavaScript中将数据封装成JSON格式的方法，通过示例代码展示了如何创建对象数组并转换为JSON字符串。具体包括从输入框获取值，创建包含姓名、年龄和性别的人员对象，将多个对象推入数组，最后使用JSON.stringify方法进行转换。

javascript中把数据封装成json数据格式

直接po代码和截图

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>这里填写标题</title>
<meta name="keywords" content="这里填写关键词" />
<meta name="description" content="这里填写说明内容" />

<script language="JavaScript" type="text/javascript">

function saveAsObject(){
var obj1 = document.getElementById("input1");
var data = [];
				var person1 = new Object();
				person1.name=obj1.value;
				person1.age=18;
				person1.sex="男";
				data.push(person1);
				
				var person2 = new Object();
				person2.name="小丽";
				person2.age=20;
				person2.sex="女";
				data.push(person2);
			
				var json_str = JSON.stringify(data);
alert("json_str = " + json_str);
}
</script>

<style type="text/css">
<!--CSS样式代码位置-->
</style>

</head>

<body>
<input type="text" id="input1"/>
<input type="button" value="button-me" onclick="saveAsObject()" />

</body>
</html>

下面是截图