Version 5.1.5

{ openzc: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 表单