欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JavaScript 制作嵌套JSON数据

程序员文章站 2022-06-01 17:45:21
...
<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" οnblur="updateProps()" />
	<input type="hidden" name="props" id="props">
</html>

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

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

JavaScript 制作嵌套JSON数据

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