...
|
...
|
@@ -64,6 +64,12 @@ Ajax加载并切换的实现很简单,你不需要做任何操作,就跟传 |
|
|
<a href="ajax.html">
|
|
|
当tap/click这个a元素的时候,Mobilebone会以Ajax的形式请求ajax.html这个页面,返回的数据会封装成page页面,并以指定的过场动画载入
|
|
|
|
|
|
### Ajax参数以及事件管理
|
|
|
与jQuery, Zepto $.ajax()一致,例如data-success, data-error, data-timeout等,也可以使用data-params以查询字符串形式设置多个参数。
|
|
|
form表单也是如此。
|
|
|
如果datatype为"json",Mobilebone会拿Mobilebone.jsonHandle(response)的返回值作为新页面载入。
|
|
|
如果是默认字符串类型,则直接载入response(有处理,获取title, page元素等).
|
|
|
|
|
|
### 路由管理机制
|
|
|
使用HTML5 history API. 使用url hash记录, 格式同样借鉴J&M, #&, 后面跟随每个页面对应的标志量(页面id或ajax地址)。
|
|
|
每当页面刷新、前进或后退(popstate), Mobilebone会根据hash对应标志量直接显示或重新请求对应页面。
|
...
|
...
|
@@ -77,11 +83,6 @@ Ajax加载并切换的实现很简单,你不需要做任何操作,就跟传 |
|
|
局部定义data-callback="function_key". 可以使用data-root指定暴露的全局对象,例如:data-root="$"
|
|
|
Mobilebone.mergeCallback可以控制全局和局部回调是覆盖还是合并(默认)。
|
|
|
|
|
|
### Ajax参数以及事件管理
|
|
|
与jQuery, Zepto $.ajax()一致,例如data-success, data-error, data-timeout等,也可以使用data-params以查询字符串形式设置多个参数。
|
|
|
form表单也是如此。
|
|
|
如果datatype为"json",Mobilebone会拿Mobilebone.jsonHandle(response)的返回值作为新页面载入。如果是默认字符串类型,则直接载入response(有处理,获取title, page元素等).
|
|
|
|
|
|
### 其他细节
|
|
|
有title管理机制,方向管理机制data-rel="abck/auto",菊花可定制(整页或某元素内),或者模块化加载等。
|
|
|
var Mobilebone = require('mobilebone');
|
...
|
...
|
|