json生成html
来源:互联网 发布:软件安装手册 编辑:程序博客网 时间:2024/06/06 19:14
如:
json = {
data:{
color: [ '#000','#f00','#666'],
text:["按钮1","按钮2","按钮3"]
},
success:true
}
首先找到需要遍历的json对象的某属性对象,如:遍历color,text
先得到color , text
var color = json.data.color;
var text = json.data.text;
然后使用for循环遍历
var str='';
for( var i=0;i<color.length;i++ ){
str += '<span style=color:'+color[ i ] +'>'+ text[i] +'</span> '
}
console.log( str )//
<span style="color:#000">按钮1</span><span style="color:#f00">按钮2</span><span style="color:#666">按钮3</span>
阅读全文
0 0
- json生成html
- js解析json并生成html页面
- 根据Json串生成Html(一)
- C#json数组生成静态HTML
- 如何通过Html生成JSON格式字符串
- 遍历html表格,生成json数组
- 通过ajax调用php生成json转给js,生成html
- json转js数组-分页-动态生成html-样式引入
- samrty+Ajax 请求生成json,xml,html响应
- json生成
- 生成HTML
- 生成HTML
- 生成HTML
- 生成HTML
- 生成HTML
- Smarty 模板为 Ajax 请求生成 JSON、XML 和 HTML 响应
- JQuery异步反序列化DataTable返回Json数据,并生成HTML
- struts2跟easyui 示例一 后台生成json数据传到前台html页面
- 图的相关知识
- Java.Reader_Writer
- bzoj 4025: 二分图 cdq分治+并查集
- mybatis入门之CURD
- hibernate问题解决
- json生成html
- n阶 行列式计算
- Arpa’s obvious problem and Mehrdad’s terrible solution
- Win10下安装Tensorflow(GPU)+CUDA8.0+cudnn6
- java中的内部类总结
- 2.0vue.js 局部变量 这种比较常用
- 自定义与字符串相关的函数
- C++用字符串组成心形图案的尝试
- 十大基础排序 · 三 --- 冒泡排序(稳定 ,常规写法)