JavaScript 制作嵌套JSON数据

最新推荐文章于 2023-07-09 16:46:23 发布

到中流遏飞舟

最新推荐文章于 2023-07-09 16:46:23 发布

阅读量1.2k

点赞数 1

分类专栏： JavaScript 文章标签： javascript json 嵌套json

本文链接：https://blog.csdn.net/qq_38746380/article/details/106618369

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html>
	<script>
		function updateProps() {
			debugger;
			var jsonInfo = {};
			var name = "base.props";
			var subJsonInfo = {};
			if (jsonInfo.hasOwnProperty()) {
				subJsonInfo = jsonInfo[name];
			}
			var subKey = "attack";
			subJsonInfo[subKey] = "100";
			jsonInfo[name] = subJsonInfo;
			
			alert(JSON.stringify(jsonInfo));
			var obj = document.getElementById('props');
			obj.value = JSON.stringify(jsonInfo);
		}
	</script>
	<input type="text" onblur="updateProps()" />
	<input type="hidden" name="props" id="props">
</html>

关于前端向后端发送JSON数据方面，我的记忆还只停留在把 ajax 中的 contentType 设置成 application/json 这种方法，但是这种方法无法发送嵌套JSON数据，比如这样式的 {a:{aa:aa}}, 这种的我没找到什么现成的方法。就自己处理了一下。

期间，JS中JSON的处理确实难到我了。之前做web 后端开发的时候， JSON处理一般就用到下面两个方法。

这里的情况两个方法可不够用。
JSON赋值不能用 obj.key = val（因为key可能不是常量值），所以使用 obj[key] = val; 的方式处理, 这样可以得到key真正的值。
hasOwnProperty(propertyName) 方法可以判断JSON中有没有指定的key 。

到中流遏飞舟

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 制作嵌套JSON数据

<html> <script> function updateProps() { debugger; var jsonInfo = {}; var name = "base.props"; var subJsonInfo = {}; if (jsonInfo.hasOwnProperty()) { subJsonInfo = jsonInfo[name]; } var subKey = "attack"; subJson.
复制链接

扫一扫

专栏目录