123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142 |
- var qs = parseQueryString(window.location.href);
- var id = 0;
- var sex = 0;
- var pageNum = 1;
- var maxPage = 1;
- var loadingFlag = false;
- var meiriData = [];
- var navListData = [];
- $().ready(function () {
- init();
- })
- function parseQueryString(url) {
- var urlObj = {};
- var reg = /([^?=&]+)=([^?=&]+)/g;
- url.replace(reg, ($0, $1, $2) => {
- urlObj[$1] = decodeURIComponent($2);
- })
- return urlObj;
- }
- function init () {
- $(".head_item_nav").css("display","block")
- if(qs.path == "nav"){
- navlistData()
- }
- if(qs.searchName){
- searchData(qs.searchName,1)
- }
- scrollNav();
- }
- //scroll
- function scrollNav () {
-
- $(window).scroll(function(){
- if($(window).scrollTop()>= $(document).height()-$(window).height() - 318){
- //到达底部加载数据
- if(loadingFlag){
- pageNum ++ ;
- searchData(qs.searchName,pageNum);
- }
- }
-
- if($(window).scrollTop()>400){
- $('.head_item_nav').css({
- "display": "block",
- "position":"fixed",
- "top":"46px"
- })
- }else{
- $('.head_item_nav').css({
- "display": "block",
- "position":"static"
- })
- }
- });
-
- }
- //导航栏目(商品分类)
- function navlistData (){
- $.ajax({
- type:"get",
- url: api.BASEURL + api.navList,
- headers:{
- sex:api.sex,
- source:api.source
- },
- dataType:"json",
- success: function (res) {
- if(res.errno == 0 && res.rst){
- if(res.rst.data){
- navListData = res.rst.data;
- var navListHtml = '';
- navListData.forEach(function (item,index) {
- navListHtml += `<li data-id=${item.id}><a href="../list/index.html?id=${item.id}&path=nav">${item.name}</a></li>`
- })
-
- $(".head_item_nav ul").html(navListHtml)
- }
- }
- },
- fail: function (err) {
- console.log(err)
- }
- });
- }
- //搜索列表
- function searchData(name,pageNum) {
- loadingFlag = false;
- if(maxPage < pageNum){
- $(".loading").html("没有更多了")
- return;
- }
- $.ajax({
- type:'post',
- url: api.BASEURL + api.search,
- headers:{
- sex:api.sex,
- source:api.source
- },
- data:{
- keyword:name,
- page:pageNum
- },
- success: function (res) {
- if(res && res.errno == 0 && res.rst){
- if(res.rst.data.length == 0){
- $(".loading").html("没有找到与“" + name + "”相关的商品");
- $(".loading").css({
- 'width': 'max-content',
- 'padding': "0 30px"
- })
- return;
- }
- var html = '';
- maxPage = res.rst.pageInfo.maxPage;
- if(res.rst.data.length>0){
- if(meiriData.length != 0){
- meiriData = meiriData.concat(res.rst.data);
- html = template_home(meiriData)
- }else{
- meiriData = res.rst.data;
- html = template_home(meiriData)
- }
- $(".Recommend .commodity_list ul").html(html)
- loadingFlag = true;
- $(".loading").html("努力加载中...")
- }else{
- $(".loading").html("没有更多了")
- }
- }else{
- alert(res.err)
- }
-
- },
- fail: function (err) {
- console.log(err)
- }
- })
- }
|