论坛快速导航: 2009年素材区 矢量素材 图片素材 网页模板 原创作品 佳作欣赏 网页设计专区 摄影之家 PhotoShop CorelDraw Illustrator | 在线繁体字转换翻译工具 WAP RSS
返回简洁设计网首页
最新教程 推荐教程 热门教程
当前位置: 简洁设计网 > 设计教程 > 网站制作 > 网页技巧 > 正文
网页技巧:客户端模版的应用


     既然只是一个demo,我就可以只实现客户端的功能,而不去管服务端是什么了,我唯一的要求就是服务端返回给我的数据是json格式的。

下面这是一条留言板中的数据结构:


id        序列号
name    留言者姓名
mail        信箱
title        标题
content    内容
time        留言时间

而这是对应这个结构的json数据形式:

{
  id:1234,
  name:'路人甲',
  mail:'somebodyA@foo.com',
  title:'测试一下这个留言板好用不',
  content:'测试就是测试,不要问我为什么测试,也不要问我为了什么测试,反正我就是要测试,你能把我怎么着?',
  time:'2007-03-21 12:33:43'
}

我们现在先用普通的方式来实现ajax留言板的数据获取吧:

demo1:

运行代码框


     获取一个json或xml字符串,解析它们,将它们的内容塞到一个个html对象的innerHTML里。呵呵,是不是很眼熟?


     或许你的写法和我不同,你也许写得比我好看,写得比我健全,你的代码里没硬编码一点html代码(我指的是那段<a href="..."></a>),那又如何?你还是写了一堆innerHTML~


     能不能更简单一点呢?我想把页面结构从js中剔除出去,我不需要知道我要填充的是什么样的结构,那个结构由页面设计师帮我设计好了,我只需要把数据传到客户端,然后用某种方式塞到指定的结构里。这样会不会更好?

上一页  [1] [2] [3] [4] [5] 下一页

点击进入论坛和大家一起交流设计,分享设计素材,结交设计朋友
设为首页 | 加入收藏 | 关于我们 | 联系我们 | 合作伙伴 | 版权信息 | 广告联系 | 友情链接 | 网站地图
版权所有 简洁设计网 [www.jianjie8.com] 您电脑的分辨率是 像素
Copyright 2008-2015 Www.Jianjie8.Com All Rights Reserved
陇ICP备05003399号