{ openzc:ajax }
特点:可以应用到网站任意个位置，可以自由定义ajax重载。
Ajax: 封装需要ajax重载的区块,每个ajax区块会自动生成一个div层（有时会影响页面布局可使用参数 autodiv="false" 禁止生成div）方便重载
引入脚本文件：openzc.js
| div.class 触发Ajax | 说明 |
|---|---|
| class = "openzc-btn" | 按钮触发 |
| class = "openzc-input" | 输入框触发，并传出value值 |
| class = "openzc-select" | 选项下拉框触发，并传出value值 |
| class = "openzc-form" | 表单触发，ajax提交表单 |
| class = "openzc-keyup" | 按键触发，键盘输入结束触发执行（常用于搜索功能实时获取结果） |
| class = "openzc-load" | 瀑布流加载触发，点击按钮加载或滚动条触发加载，加载产品瀑布流数据 |
| ajax action(事件) | 事件参数 | 说明 | |
|---|---|---|---|
| 演示 | action = "addCart" | msgbox="true" reload="ajax区块名称" | 添加购物车，配合 openzc-form 表单提交 |
| 演示 | data-action = "buyNow" | data-id="产品ID" data-reload="ajax区块名称" | 直接购买，配合 openzc-btn 按钮触发 |
| 演示 | data-action = "delCart" | data-id="购物车ID" data-reload="ajax区块名称" | 删除购物车项， |
| 演示 | data-action = "cartQty" | data-id="购物车ID" data-reload="ajax区块名称" | 购物车增减数量（可代替购物车加减按钮），配合 openzc-input 输入框触发 |
| 演示 | data-action = "addOne" | data-id="购物车ID" data-reload="ajax区块名称" | 购物车产品数量增加一个，配合 openzc-btn 输入框触发 |
| 演示 | data-action = "cutOne" | data-id="购物车ID" data-reload="ajax区块名称" | 购物车产品数量减掉一个，配合 openzc-btn 输入框触发 |
| 演示 | data-action = "getHtml" | data-reload="ajax区块名称" | 非特殊的ajax重载事件，用于普通情况需要重载时使用 |
| 演示 | data-action = "getState" | data-reload="ajax区块名称" | 国家地区select联动，配合 openzc-select 触发 |
| 演示 | data-action = "addWishlist" | data-id="产品ID" data-reload="ajax区块名称" | 添加收藏，会提示登录提醒，配合 openzc-btn 按钮触发 |
| 演示 | data-action = "addCompare" | data-id="产品ID" data-reload="ajax区块名称" | 添加对比，配合 openzc-btn 按钮触发 |
| 演示 | data-action = "getSKU" | data-options="产品ID:属性项ID" | SKU属性价格获取，配合 openzc-select 触发 |
| 演示 | data-action = "slidePrice" | data-range="最小价格,最大价格" data-reload="ajax区块名称" | 产品价格筛选功能，配合 openzc-form 表单提交，应付各种前端"价格滑动"效果 |
| 演示 | data-action = "getPreview" | data-id="产品ID" data-reload="ajax区块名称" | 产品预览弹窗时获取产品信息，配合 openzc-btn 按钮触发 |
| 演示 | data-action = "listFlow" | data-type="click(点击)或auto(滚动)" data-bh="20" 当前按钮距离浏览器底部的长度（滚动距离符合即可触发瀑布流） |
产品瀑布加载，配合 "{ openzc:pagelist }调用分页自定义模板" |
| 演示 | data-action="getSearch" | data-reload="ajax区块名称" | 搜索框实时获取结果，配合 "openzc-keyup" 触发输入框 |
| 演示 | data-action="getContact" | 提交联系我们 contact us 表单 | |
| 演示 | data-action="getNewsletter" | 必填表单字段：email | 提交获取网站内容订阅 newsletter 表单 |