该类页面通常有较多的字段需要展示,如下所示
![](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)。