`
likunkun
  • 浏览: 91973 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[讨论]jsTemplate解析纯Array的方法

    博客分类:
  • ajax
阅读更多
看了jsTemplate的官方文档好像是它的{for }{/for}只能迭代已知对象个数的数组:(官方的例子)
var data = {
    products : [ { name: "mac", desc: "computer",     
                   price: 1000, quantity: 100, alert:null },
                 { name: "ipod", desc: "music player", 
                   price:  200, quantity: 200, alert:"on sale now!" },
                 { name: "cinema display", desc: "screen",       
                   price:  800, quantity: 300, alert:"best deal!" } ],
    customer : { first: "John", last: "Public", level: "gold" }
};

官方是这样访问的:
{for p in products}
     <tr><td>${p.name|capitalize}</td><td>${p.desc}</td>
         <td>$${p.price}</td><td>${p.quantity} : 
             ${p.alert|default:""|capitalize}</td>
         </tr>
 {forelse}
     <tr><td colspan="4">No products in your cart.</tr>
 {/for}

而如果我在远程返回一个数组:
var book = {{title:"java web开发详解", author:"孙鑫"},{title:"vc++深入详解", author:"孙鑫"}};

好像用官方的方法就不行了.

最后自己想了一个变通的办法就是
在javascript里加入
var jsbook = book;
jsbook.sbook=book;

然后用下面的方法访问:
{for bks in sbook}
     <tr><td>${bks.title}</td><td>${bks.author}</td>
         </tr>
 {forelse}
     <tr><td colspan="2">没有书</tr>
 {/for}

大家有没有其它比较优雅的办法讨论一下,谢谢
分享到:
评论

相关推荐

    js解析cron表达式

    资源为js文件,下载后直接用script标签引入,需要解析时调用该js第一个方法,参数为cron定时器表达式字符串,例如:translateCRONToChinese("0 0 12 */1 * ?");

    JS List的contains方法与Array的contains方法的使用

    ### JS List的contains方法与Array的contains方法的使用 在JavaScript中,`Array`是用于存储多个值的数据结构。然而,原生JavaScript并没有提供一个直接的`contains`方法来检查数组是否包含某个元素。通常情况下,...

    js解析二维码llqrcode.js

    1,引入二维码解析的js插件llqrcode.js 2,解析的图片,这里采取的是上传图片解析(可以采用扫一扫输出的图片解析) //获取图片路径 let getObjectURL = function(file){ let url = null ; if (window....

    JS 操作Array数组的方法及属性实例解析

    JavaScript中的Array对象是编程中非常基础且重要的部分,它提供了丰富的操作数组的方法和属性,使得在处理序列数据时变得高效且灵活。这篇文章主要探讨了Array的三个关键属性:length、prototype和constructor,以及...

    js in_array函.html

    js的in_array函数

    Javascript实现Array和String互转换的方法

    Array的toString方法可以方便地将数组元素转换为以逗号分隔的字符串;而String的split方法则允许我们以指定的分隔符将字符串分割成数组元素。掌握这些方法对于处理数据和生成动态内容非常有帮助,无论是在Web开发...

    js基础之数组Array

    js基础之数组Array

    PDF.js 解析PDF文件demo

    pdf.js 解析PDF文件DEMO 下载这个DEMO 轻松搞定在线解析PDF文件 支持翻页浏览 pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档,无需任何本地技术支持 注意:只兼容支持HTML5的浏览器

    JS解析邮箱地址解析一个邮箱地址

    JS解析邮箱地址解析一个邮箱地址

    template.js源码下载

    轻松使用js拼接html, jsTemplate帮助你轻松搞定,不用再为js拼接html字符串苦恼了。

    js 预解析 题目 答案 解析

    js 预解析 题目 答案 解析

    template-web.js

    art-template 的 template-web.js 文件,如果官网不能下载,就下载这个,拷贝就可使用

    js解析Excel数据xlsx.full.min.js

    js解析Excel数据xlsx.full.min.js,js解析Excel数据xlsx.full.min.js,js解析Excel数据xlsx.full.min.js,js解析Excel数据xlsx.full.min.js

    使用JS导入数据并解析.zip_js_js 导入js数据_js导入解析_nationubl_解析数据

    在JavaScript(JS)环境中,导入和解析数据是常见的任务,特别是在Web开发中。"使用JS导入数据并解析.zip"这个标题暗示我们将探讨如何利用JavaScript处理数据导入和解析的过程。在这个场景下,`data_import`可能是...

    three.js解析BIM中间数据JSON(源代码)

    本主题聚焦于如何利用Three.js解析BIM中间数据的JSON格式,以便在Web环境中展示Revit模型。Three.js是一个强大的JavaScript库,它为浏览器提供了创建3D图形的能力,无需用户安装任何插件。 首先,我们要理解JSON...

    js解析json字符串的库

    一个在js中解析json字符串为json对象的库, 在js中 使用 var json = json_parse('json字符串'); json就是解析后的json对象,比较方便的避免eval函数。如果不想引入其他过多的js库,那么使用这个库解析json字符串还是...

    xmdec3 纯js虾米音乐解析

    和php不同的是这个是纯js版,免jquery。 当然php也有局限性,因为php是用服务器ip来解析虾米音乐,一旦周期内解析次数超限就会被封,导致所有用户无法使用该网站服务。 于是就想到搞了这个js,现存的几个电台解析都...

    art-template.js

    在JavaScript中,引入`template-web.js`后,可以调用artTemplate的相关方法进行操作。 **模板引擎的作用** 1. **分离视图和逻辑**: 模板引擎帮助开发者将HTML结构(视图)与JavaScript代码(逻辑)分离,使得代码...

    某度翻译js逆向解析token实现js文件源码,点击即可获取最新token

    某度翻译js逆向解析token实现js文件源码。某度翻译的翻译链接中需要上传加密token,本文件附带解密token的js文件一份。可以使用python调用jsexecute进行解析,或者改写成python代码获取最新token,为后续的爬虫任务...

Global site tag (gtag.js) - Google Analytics