位置: 编程技术 - 正文
html中通过JS获取JSON数据并加载的方法(js获取html自定义属性)
编辑：rootadmin推荐整理分享html中通过JS获取JSON数据并加载的方法(js获取html自定义属性)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:js获取html页面内容在div,js获取url的html,js获取html页面内容在div,js获取html元素内容,js获取html元素内容,js获取html字符串,js获取html元素内容,js获取html属性值的方法,内容如对您有帮助，希望把文章链接给更多的朋友！
在写内容逻辑重复性的页面时，用json数据可以显著提高编程效率，并且便于后期的数据维护。因此，在视频专题页面，需要展示多列视频数据，我选择了用json。
HTML如下（只展示重点部分，需要引用JQ）
JS如下
注释部分可不看，不影响内容。
首先要新建json文件，json文件需注意的问题是：json对数据格式有要求，不识别url中的各类符号，因此会提示错误，如果不修复，则会阻断JS进程，造成数据在页面不显示，这个问题我找了好久才发现，而且json问题在js中不会报错。解决办法是利用encode方法，格式化url，然后再添加进json即可，在html中应该还要用decode转回来。
第二个坑是插入html到某个标签中,有四个方法，用after就可以实现，不要用反了。
第三点是需要注意，不要在拼接字符串的时候忘掉加号，少一个就会出问题，一个小问题会找好久才发现，而且拼接错误JS不会报错，很难发现。
上一篇：微信小程序中吸底按钮适配iPhone X方案(微信小程序吸血鬼 豹女)
下一篇：微信小程序实现添加手机联系人功能示例(微信小程序实现人脸识别)