Ajax加载DOM，局部刷新

本节主要介绍框架的Ajax加载DOM及局部刷新。

请为局部刷新的容器添加class [ bjui-layout ]以保证刷新DIV时不影响其他内容。

初始化

• Data属性：元素添加属性data-toggle="ajaxload"后，单击触发 或 容器(如：div)添加属性data-toggle="autoajaxload"后，自动加载url指定的内容。
  DOM示例：　打开ajaxLoad表单
  

  示例代码 -- 单击加载：

                          <a href="doc/ajax/mylayout.html" class="btn btn-default" data-toggle="ajaxload" data-target="#myLoadDiv1">单击加载内容</a>
                          
  
                      

  示例代码 -- 自动加载：

                          <div id="myLoadDiv2" class="bjui-layout" data-toggle="autoajaxload" data-url="doc/ajax/mylayout.html"></div>
                      

• Data属性：元素添加属性data-toggle="refreshlayout"后，单击可以刷新指定容器。
  

  示例代码 -- 单击刷新：

                          <button type="button" class="btn-default" data-toggle="refreshlayout" data-target="#myLoadDiv1">刷新DIV</button>
                      

• jQuery API：

  加载：

                          $(selector).bjuiajax('doLoad', options)
                      

  刷新：

                          $(selector).bjuiajax('refreshLayout', options)
                      

  刷新指定ID的div容器多个id以 , 分隔：

                          $(selector).bjuiajax('refreshDiv', divid)
                      

参数（options）

名称	类型	默认值	描述
target	selector	null	[必选]目标容器的 jQuery选择器表达式 或 DOM对象。
url	string	null	[必选] D-Url 远程加载的URL，a链接触发时可以将url定义在href属性。
type	string	GET	[可选]ajax请求方式。
data	object	null	[可选]ajax请求发送到服务器的数据。