腾讯 Web 前端 JX 框架入门教程 (二)
In 未分类 on 2013年08月31日 by view: 17,175
8

Ajax 和模版

当你需要不刷新页面而加载更多数据,ajax 是个不错的选择,怎么把 ajax 异步加载的数据优雅地拼接起来,就需要用到模版引擎了。复杂的交互都离不开 ajax 和模版,下面介绍如何在 JX 中使用 ajax 和模版。
处理 ajax,我们主要用到 http 包的 ajax 方法:J.http.ajax(uri, option)
第一个参数是 ajax 请求的 url,第二个参数是一个包括请求选项的 Object。
示例代码

处理 js 模版,我们主要用到 string 包的 template 方法:J.string.template(string, data)
第一个参数是 “模版字符串” 或 “模版 id”,第二个参数是模版填充的数据。
下面我们通过一个程序演示其用法。

第二个程序

这是一个展示名片的程序,由于用到 ajax,不支持 file 协议,你需要一个服务器(能用 http 协议访问你的网页即可)。
首先,新建一个 html 文件,在里面加入以下代码:

然后,新建一个 vcard.js 文件,在里面加入以下代码: