js实现内容显示并使用json传输数据_javascript技巧_动视

js实现内容显示并使用json传输数据_javascript技巧

2020-11-27 20:52:07 责编:小采

最近做一个项目，要求是div内为空所有代码都写在里面，里面的文本用json传输，这个问题对于我来说有些困难。
还好，最后在教程和同事的帮助下写出来了，下面贴上源代码。






测试项目



//关键点在这里 引用dot.js这个库。这个库需要自己下载










window.onload = function() {
var temp = doT.template($("#mytemp").html());
//定义一个temp使id为mytemp的标签可以读取dot.JS内的内容
var mes = doT.template($("#mydot").html());
//定义一个mes使id为mydot的标签可以读取dot.JS内的内容
$("#mytest").append(mes);
//将获取的值追加到mytest这个div中
$("#mytest").append(temp);
//将获取的值追加到mytest这个div中
{

var json = {
"test": "包邮 正品玛姬儿压缩面膜无纺布纸膜100粒 送泡瓶面膜刷喷瓶 新款",
"test1":"包邮 还是快递费还是快乐放假了；爱上法兰克福骄傲了卡夫卡拉升"
};
// var obj = eval(json); 
document.getElementById("test").innerHTML = json.test;

输出值--> document.getElementById("test1").innerHTML=json.test1; } };

	新客户uv	新客户转化率（％）	老客户uv	老客户转化率（％）
昨日	1.0	15	11	1.3
前日	1.1	32	32	24
两天前	2.0	24	12.00	1.25
行业平均	1.30	21	1.07	1.40
当前现状	低于平均	高于平均	持平	低于平均

希望本文所述对大家学习javascript程序设计有所帮助。

下载本文

显示全文

全部频道