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处理 一般就用到 下面两个方法。
这里的情况两个方法可不够用。
JSON赋值 不能用 obj.key = val( 因为key可能不是常量值),所以使用 obj[key] = val; 的方式处理, 这样可以得到key真正的值。
hasOwnProperty(propertyName) 方法可以判断JSON中有没有指定的key 。
上一篇: iOS项目加入Flutter