《js实现内容显示并用法json传输数据_.docx》由会员分享,可在线阅读,更多相关《js实现内容显示并用法json传输数据_.docx(7页珍藏版)》请在三一文库上搜索。
1、js实现内容显示并用法json传输数据_ 这篇文章主要为大家具体介绍了js实现内容显示并用法json传输数据的方法,感爱好的小伙伴们可以参考一下 最近做一个项目,要求是div内为空 全部代码都写在script里面,script里面的文本用json传输,这个问题对于我来说有些困难。 还好,最终在教程和同事的关心下写出来了,下面贴上源代码。 !DOCTYPE html html head meta charset=utf-8 / title测试项目/title script src=jsnewdoT.js/script /关键点在这里 引用dot.js这个库。这个库需要自己下载 style #ce
2、ntertext-align: center; #testtext-align: left; /style /head body div class=mytest id=mytest /div script type=text/javascript window.onload = function() var temp = doT.template($(#mytemp).html(); /定义一个temp使id为mytemp的标签可以读取dot.JS内的内容 var mes = doT.template($(#mydot).html(); /定义一个mes使id为mydot的标签可以读取dot
3、.JS内的内容 $(#mytest).append(mes); /将猎取的值追加到mytest这个div中 $(#mytest).append(temp); /将猎取的值追加到mytest这个div中 !-定义一个json- var json = test: 包邮 正品玛姬儿压缩面膜无纺布纸膜100粒 送泡瓶面膜刷喷瓶 新款,!-找到id为test的标签,使文档内容=test- test1:包邮 还是快递费还是欢乐放假了;爱上法兰克福骄傲了卡夫卡拉升 ; / var obj = eval(json); !-用法函数eval将定义的json转化为js对象- document.getElement
4、ById(test).innerHTML = json.test;!-输出值- document.getElementById(test1).innerHTML=json.test1; ;/script script id=mydot type=text/template table class=sui-table table-bordered thead tr th id=center /th th id=center新客户uv/th th id=center新客户转化率()/th th id=center老客户uv/th th id=center老客户转化率()/th /tr /thead
5、 tbody tr td id=center昨日/td td id=center1.0/td td id=center15/td td id=center11/td td id=center1.3/td /tr tr td id=center前日/td td id=center1.1/td td id=center32/td td id=center32/td td id=center24/td /tr tr td id=center两天前/td td id=center2.0/td td id=center24/td td id=center12.00/td td id=center1.25
6、/td /tr tr td id=center行业平均/td td id=center1.30/td td id=center21/td td id=center1.07/td td id=center1.40/td /tr tr td id=center当前现状/td td id=centerspan class=sui-label label-warning低于平均/span/td td id=centerspan class=sui-label label-info高于平均/span/td td id=centerspan class=sui-label label-success持平/
7、span/td td id=centerspan class=sui-label label-warning低于平均/span/td /tr /tbody /table /script script id=mytemp type=text/template table class=sui-table table-bordered thead tr th colspan=5 label class=checkbox pull-left input type=checkbox订单编号:7867473872181848 /labelspan class=pull-right成交时间:2021-01-11 11:59/span /th /tr /thead tbody tr td width=50% div class=typographic img src=l 盼望本文所述对大家学习javascript程序设计有所关心。 .