`
likunkun
  • 浏览: 91594 次
  • 性别: 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}

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

相关推荐

    jstemplate实现原理

    阅读JSTemplate 的源码可以帮助我们理解其内部实现,例如模板字符串如何被解析,以及编译后的函数是如何生成的。这有助于我们在遇到问题时能更深入地调试和优化。 通过以上讲解,我们可以看出JSTemplate 是一种...

    js解析cron表达式

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

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

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

    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读取解析Excel

    ### JS读取解析Excel知识点详解 #### 一、前言 在现代Web开发中,处理文件上传和数据解析是常见的需求之一,尤其是对于Excel文件的处理。JavaScript(JS)作为前端开发的主要语言,通过特定的技术手段,能够实现对...

    js in_array函.html

    js的in_array函数

    前端js解析/读取excel文件

    本文将深入探讨如何使用JavaScript在浏览器端解析和读取Excel文件,主要基于开源库`js-xlsx`。 `js-xlsx`是一个强大的JavaScript库,专门用于解析和操作Excel文件(.xlsx和.xls格式)。它支持读取二进制文件、Base...

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

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

    js基础之数组Array

    js基础之数组Array

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

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

    template.js源码下载

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

    js 预解析 题目 答案 解析

    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解析xml生成一个tree

    标题中的“一个非常好的js解析xml生成一个tree”指的是使用JavaScript编程语言将XML(可扩展标记语言)数据转换为树形结构。在Web开发中,XML常用于存储和传输结构化数据,而JavaScript作为客户端脚本语言,可用于...

    js解析json字符串的库

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

    js对excel导入解析与导出

    本篇文章将详细探讨JS如何实现Excel的导入解析以及导出功能。 首先,我们需要理解Excel文件的基本结构。Excel文件通常是以二进制或XML格式存储的,如.xlsx是基于Open XML标准,而.xls则是早期的二进制格式。在JS中...

    art-template.js

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

Global site tag (gtag.js) - Google Analytics