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(); // }); } }); // 分页列表 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() + '%' : ''; } if (jquery('#huiyizhuti').val()) { param['huiyizhuti'] = jquery('#huiyizhuti').val() ? '%' + jquery('#huiyizhuti').val() + '%' : ''; } param['sfsh'] = '是'; // 获取列表数据 http.request('huiyishiyuyue/list', 'get', param, function(res) { vue.dataList = res.data.list // 分页 laypage.render({ elem: 'pager', count: res.data.total, limit: limit, groups: 5, layout: ["prev","page","next"], theme: '#0099CC', jump: function(obj, first) { param.page = obj.curr; //首次不执行 if (!first) { http.request('huiyishiyuyue/list', 'get', param, function(res) { vue.dataList = res.data.list
时间: 2024-01-10 07:02:08 浏览: 30
这段代码是用于前端页面的数据请求和渲染的,其中包含了向服务器请求数据、进行数据处理和分页等功能。具体来说,它做了以下几件事情:
1. 向服务器请求配置列表数据,将其中的图片地址提取出来,并使用swiper进行轮播展示。
2. 分页列表数据,可以根据输入的关键词进行搜索过滤。
3. 渲染数据到页面上,使用laypage分页组件进行分页展示。
如果您有更具体的问题需要帮助解答,可以再提出来哦。
相关问题
oninput(e){ var that=this that.data.identity=e.detail.value wx.request({ url: app.globalData.api +'/Student_GetInfoByIdCard', data:{ token:app.globalData.token, identity:that.data.identity }, method: 'POST', header: { 'content-type': 'application/json' }, success(res){ var r = JSON.parse(res.data.d) // console.log(r.JsonStr.data1) var data=r.JsonStr.data1 console.log(data) if(that.data.identity.length===18){ that.setData({ nation: data.nation, //民族 teacherphone: data.teacherphone, //指导老师手机号 teacher: data.teacher,//指导老师 name: data.name,//姓名 phone: data.phone,//手机号 gender:data.gender,//性别 nationality:data.nationality,//国籍 birthday:data.birthday_shorter,//生日 pinyinlist:data.pinyin//拼音 }) } } }) // console.log(e.detail.value) },如果身份证号长度不满18 所有信息都不显示代码
如果您想让所有信息都不管身份证号码长度的情况下都能够显示,可以将代码中的 `if(that.data.identity.length===18)` 这行代码修改为 `if(data !== null)`,这样无论身份证号码长度是多少,只要返回的 `data` 不为空,就会更新页面显示。
修改后的代码如下:
```
oninput(e) {
var that = this;
that.data.identity = e.detail.value;
wx.request({
url: app.globalData.api + '/Student_GetInfoByIdCard',
data: {
token: app.globalData.token,
identity: that.data.identity
},
method: 'POST',
header: {
'content-type': 'application/json'
},
success(res) {
var r = JSON.parse(res.data.d);
var data = r.JsonStr.data1;
console.log(data);
if (data !== null) {
that.setData({
nation: data.nation, //民族
teacherphone: data.teacherphone, //指导老师手机号
teacher: data.teacher, //指导老师
name: data.name, //姓名
phone: data.phone, //手机号
gender: data.gender, //性别
nationality: data.nationality, //国籍
birthday: data.birthday_shorter, //生日
pinyinlist: data.pinyin //拼音
});
}
}
});
}
```
oninput(e){ var that=this that.data.identity=e.detail.value if(that.data.identity<18)return; wx.request({ url: app.globalData.api +'/Student_GetInfoByIdCard', data:{ token:app.globalData.token, identity:that.data.identity }, method: 'POST', header: { 'content-type': 'application/json' }, success(res){ var r = JSON.parse(res.data.d) // console.log(r.JsonStr.data1) var data=r.JsonStr.data1 console.log(data) if(that.data.identity.length===18){ that.setData({ nation: data.nation, //民族 teacherphone: data.teacherphone, //指导老师手机号 teacher: data.teacher,//指导老师 name: data.name,//姓名 phone: data.phone,//手机号 gender:data.gender,//性别 nationality:data.nationality,//国籍 birthday:data.birthday_shorter,//生日 pinyinlist:data.pinyin//拼音 }) } else { that.setData({ nation: '', //民族 teacherphone: '', //指导老师手机号 teacher: '',//指导老师 name: '',//姓名 phone: '',//手机号 gender:'', //性别 nationality:'', //国籍 birthday:'', //生日 pinyinlist:'' //拼音 }) } } }) },修改这段代码 身份证长度不满足18位不发送请求
修改后的代码:
oninput(e){
var that = this;
that.data.identity = e.detail.value;
if(that.data.identity.length < 18) {
that.setData({
nation: '',
teacherphone: '',
teacher: '',
name: '',
phone: '',
gender: '',
nationality: '',
birthday: '',
pinyinlist: ''
});
return;
}
wx.request({
url: app.globalData.api + '/Student_GetInfoByIdCard',
data: {
token: app.globalData.token,
identity: that.data.identity
},
method: 'POST',
header: {
'content-type': 'application/json'
},
success(res){
var r = JSON.parse(res.data.d);
var data = r.JsonStr.data1;
that.setData({
nation: data.nation,
teacherphone: data.teacherphone,
teacher: data.teacher,
name: data.name,
phone: data.phone,
gender: data.gender,
nationality: data.nationality,
birthday: data.birthday_shorter,
pinyinlist: data.pinyin
});
},
fail(err){
console.log(err);
}
});
}
修改内容:在判断身份证号长度时,使用字符串长度进行判断,如果长度小于18就清空显示的数据并返回。在发送请求时,将身份证号作为请求数据的一个参数传递。并且在请求成功后,将返回的数据更新到页面上。在请求失败时,打印出错误信息。