多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
该类页面通常有较多的字段需要展示,如下所示 ![](https://box.kancloud.cn/2016-04-17_571336cd14a91.png) 当从列表型页面跳转到详情型页面时,通常会把一个可以唯一标示数据的id号保存在cookie中,然后在详情型页面中根据这个id对页面的元素进行初始化。 在这里,需要特别指出的是页面的初始化函数在html中是由一类特殊的组件进行指定的,这就是awf-main组件 ``` <div data-type="awf-main" data-init="p101_getData();"></div> ``` 上述代码需要放在页面的`body-right`内,其含义就是当页面加载时首先执行`p101_getData`函数。 通常这个函数首先就是从cookie中取得对应的id ``` var uid = $.cookie('userID')||0; if (uid == 0) return; ``` 当id为0时,通常表示需要新建记录,因此可以不再执行后面的操作,当id不为0时,需要从后台服务获取对应的数据 ``` ajax({ url:__SERVICE_URL_PREFIX__+__USER_URL__, detail:detail, success:finish }); ``` 这里的ajax是jQuery的ajax的一个封装函数,在common.js中进行定义,当然也可以直接使用$.ajax来进行操作。 当服务成功返回数据后,需要对页面中的元素进行赋值,在这里,可用使用H5组件库中的另一个公共函数`AWFCommon.loadData()`,其使用说明见[LoadData函数使用说明](http://121.40.133.218/docs/app/commonfunc.html#func-loadData)。