您的当前位置：首页 js实现内容显示并使用json传输数据_javascript技巧

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

来源：汇智养生

最近做一个项目，要求是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程序设计有所帮助。