Files
ClassContent/历届学生/fontendsix/项目练习/上课项目/美食杰/js/page/search.js
2024-09-27 02:06:13 +08:00

55 lines
1.3 KiB
JavaScript

class search {
constructor() {
this.page = 1
this.scrollLoadData()
this.search_header()
}
search_header() {
$(".header_return").click(function () {
history.back()
})
$(".header_search").click(async () => {
this.Getser()
})
}
async Getser(){
var res = await indexServe.saerch({
q: $(".search_input").val(),
page:this.page
})
res.forEach(v => {
$(".content .content_list").append(`
<li>
<a href="../info.html?url=${v.href}">
<div class="imgs"><img src="${v.img}" alt=""></div>
<div class="text">
<h3>${v.title}</h3>
<p>${v.des}</p>
</div>
</a>
</li>`)
});
}
scrollLoadData() {
window.onscroll = async ()=>{
var scrollTop = document.documentElement.scrollTop
var scrollHeight = document.documentElement.scrollHeight
var clientHeight = document.documentElement.clientHeight
if (parseInt(scrollHeight - scrollTop) == clientHeight) {
this.page++;
console.log(this.page, "页数");
await this.Getser();
}
}
}
}
new search()