jquery('#btn-search').click(function(e) { pageList(); }); function pageList() { var param = { page: 1, limit: limit } if (jquery('#qiyemingcheng').val()) { param['qiyemingcheng'] = jquery('#qiyemingcheng').val() ? '%' + jquery('#qiyemingcheng').val() + '%' : ''; } if (jquery('#gangweimingcheng').val()) { param['gangweimingcheng'] = jquery('#gangweimingcheng').val() ? '%' + jquery('#gangweimingcheng').val() + '%' : ''; } var indexQueryCondition = localStorage.getItem('indexQueryCondition'); if (indexQueryCondition) { param['gangweimingcheng'] = '%' + indexQueryCondition + '%'; localStorage.removeItem('indexQueryCondition'); } // 获取列表数据 http.request('zhaopinxinxi/list', 'get', param, function(res) { vue.dataList = res.data.list // 分页 laypage.render({ elem: 'pager', count: res.data.total, limit: limit, groups: 3, layout: ["prev","page","next"], theme: '#065279', jump: function(obj, first) { param.page = obj.curr; //首次不执行 if (!first) { http.request('zhaopinxinxi/list', 'get', param, function(res) { vue.dataList = res.data.list }) } } }); }) }
时间: 2024-02-10 21:34:14 浏览: 130
这段代码看起来像是一个使用 jQuery 和 Laypage.js 的前端页面,用于实现招聘信息的搜索和分页展示。当用户点击搜索按钮时,会触发 pageList 函数,该函数会根据用户输入的条件构造一个参数对象 param,然后向后端发起请求,获取符合条件的招聘信息列表。同时,该函数会利用 Laypage.js 实现分页展示,并在每次翻页时重新请求数据并更新页面。其中,localStorage 用于在不同页面间传递参数。
相关问题
vue.baseurl = http.baseurl; // 获取轮播图 数据 http.request('config/list', 'get', { page: 1, limit: 5 }, function(res) { if (res.data.list.length > 0) { let swiperList = []; res.data.list.forEach(element => { if (element.value != null) { swiperList.push({ img: http.baseurl+element.value }); } }); vue.swiperList = swiperList; vue.$nextTick(() => { carousel.render({ elem: '#test1', width: '100%', height: '420px', arrow: 'hover', anim: 'default', autoplay: 'true', interval: '3000', indicator: 'inside' }); }) // vue.$nextTick(()=>{ // window.xznSlide(); // }); } }); vue.guimoOptions = '大型,中型,小型'.split(',') vue.zhuangkuangOptions = '空闲,忙碌'.split(',') // 分页列表 pageList(); // 搜索按钮 jquery('#btn-search').click(function(e) { pageList(); }); function pageList() { var param = { page: 1, limit: limit } if (jquery('#bianhao').val()) { param['bianhao'] = jquery('#bianhao').val() ? '%' + jquery('#bianhao').val() + '%' : ''; } if (jquery('#weizhi').val()) { param['weizhi'] = jquery('#weizhi').val() ? '%' + jquery('#weizhi').val() + '%' : ''; }
这段代码看起来依然是一个使用了 Vue.js 和 layui 框架的前端页面。其中,首先将 Vue 实例中的 `baseurl` 属性设置为 `http` 实例的 `baseurl` 属性,然后使用 `http.request` 方法获取轮播图数据,并将数据中的图片路径与 `http.baseurl` 拼接成完整的图片地址,最后将数据绑定到 Vue 实例的 `swiperList` 属性上,并使用 `carousel.render` 方法渲染轮播图。
接下来,还定义了 Vue 实例的 `guimoOptions` 和 `zhuangkuangOptions` 属性,并将其设置为一个字符串的数组,用于在页面上渲染下拉框的选项。
此外,这个页面还包含了一个名为 `pageList` 的函数,用于进行分页列表和搜索功能的实现。在搜索功能中,会根据输入的条件对 `param` 对象进行赋值。你有什么关于这段代码的问题吗?
阅读全文