/wp-common/products.php?term_id=4&page=1

var currentAjax;
var total = 0;
function getAjaxData(term_id, page = 1) {
currentAjax = $.ajax({
type: "GET",
url: "/wp-common/products.php?term_id=" + term_id + "&page=" + page,
dataType: "json",
success: function (res) {
if (res) {
total = res.total;
if (total > 0) {
var products = res.products;
var subHtml = `
${products.map(
value => `
<li>
<a href="${value.url}">
<div class="img-wrap">
<img src="${value.image}"
alt="${value.alt}">
</div>
<h4>${value.name}</h4>
</a>
</li>`
).join('')}`;
$('.p02-8-s1 .text ul').html(subHtml);
if (total > 1) {
$('.mml-pages').mmlpage(page, total, {
prev: '<i class="fa fa-chevron-left" aria-hidden="true"></i>',
next: '<i class="fa fa-chevron-right" aria-hidden="true"></i>',
href: 'javascript:;',
"click": function (page) {
$('.p02-8-s1 .text ul').empty().html("<li>loading products...</li>");
getAjaxData(term_id,page);
}
});
$('.p02-1-s1 .prev').click(function () {
if (currentAjax) {
currentAjax.abort();
}
$('.p02-8-s1 .text ul').empty().html("<li>loading products...</li>");
page = page > 1 ? page - 1 : 1;
getAjaxData(term_id,page);
});
$('.p02-1-s1 .next').click(function () {
if (currentAjax) {
currentAjax.abort();
}
$('.p02-8-s1 .text ul').empty().html("<li>loading products...</li>");
page = page < total ? page + 1 : total;
getAjaxData(term_id,page);
});
}
if ( total < 1) {
$('.p02-8-s1 .text ul').empty().html("<li>no data</li>");
}
}
}
}
});
}
var term_id = $('.p02-8-s1 .tab .active').attr('data-term_id');
if ($(window).width() <= 540) {
getAjaxData(0, page = 1);
} else {
getAjaxData(term_id, page = 1);
}
$(window).resize(function () {
if ($(window).width() <= 540) {
getAjaxData(0, page = 1);
} else {
getAjaxData(term_id, page = 1);
}
});

后端异步接口url的更多相关文章

  1. layui 富文本 图片上传 后端PHP接口

    <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/ ...

  2. NodeJS中常见异步接口定义(get、post、jsonp)

    越来越多的人在使用nodeJS,作为一门服务端语言,我们不可避免的要写异步接口(ajax和jsonp).再次强调ajax和jsonp是两个概念,但是由于jquery的封装,使这两种异步接口的调用方式, ...

  3. Python怎么测试异步接口

    当业务处理比较耗时时, 接口一般会采用异步处理的方式, 这种异步处理的方式又叫Future模式. 一般流程 当你请求一个异步接口,接口会立刻返回你一个结果告诉你已经开始处理,结果中一般会包含一个任务i ...

  4. Postman实现数字签名,Session依赖, 接口依赖, 异步接口结果轮询

    Script(JS)为Postman赋予无限可能 基于Postman 6.1.4 Mac Native版 演示结合user_api_demo实现 PS 最近接到任务, 要把几种基本下单接口调试和持续集 ...

  5. Django-Scrapy生成后端json接口

    Django-Scrapy生成后端json接口: 网上的关于django-scrapy的介绍比较少,该博客只在本人查资料的过程中学习的,如果不对之处,希望指出改正: 以后的博客可能不会再出关于djan ...

  6. Python Flask后端异步处理(一)

    Flask是Python中有名的轻量级同步Web框架,但是在实际的开发中,可能会遇到需要长时间处理的任务,此时就需要使用异步的方式来实现,让长时间任务在后台运行,先将本次请求的相应状态返回给前端,不让 ...

  7. 任意文件下载漏洞的接口URL构造分析与讨论

    文件下载接口的URL构造分析与讨论 某学院的文件下载接口 http://www.****.edu.cn/item/filedown.asp?id=76749&Ext=rar&fname ...

  8. 如何使用 Python 编写后端 API 接口

    如何使用 Python 编写后端 API 接口 get API Python3 # coding:utf-8 import json # ModuleNotFoundError: No module ...

  9. 使用egg.js开发后端API接口系统

    什么是Egg.js Egg.js 为企业级框架和应用而生,我们希望由 Egg.js 孕育出更多上层框架,帮助开发团队和开发人员降低开发和维护成本.详细的了解可以参考Egg.js的官网:https:// ...

随机推荐

  1. centos下mysql密码修改与远程连接

    之前的服务器,好久没上去过了,今天上去,密码居然又忘了... 要修改mysql的登陆密码,首先要设置 #vim /etc/my.cnf 在[mysqld] 下面加上一句 skip-grant-tabl ...

  2. ubuntu下共享wifi 使用kde5-nm-connection-editor

    1.首先按照正常的建立方法把wifi建立好,然后在软件中心搜索 network ,点击安装 kde5-nm-connection-editor. 2.在终端里输入kde5-nm-connection- ...

  3. [CSP-S模拟测试]:斯诺(snow)(数学+前缀和+树状数组)

    题目传送门(内部题37) 输入格式 第一行一个整数$n$,表示区间的长度. 第二行一个长度为$n$的只包含$0,1,2$的字符串,表示给出的序列. 输出格式 一行一个整数,表示革命的区间的数量. 样例 ...

  4. 基于Vue2、WebSocket的仿腾讯QQ

    概述 本项目基于Vue2进行高仿手机QQ的webapp,UI上使用的是museUI,使用springMVC搭建的后台.聊天方面,使用WebSocket实现浏览器与服务器全双工通信,允许服务器主动发送信 ...

  5. 【数据库】一篇文章搞掂:MySQL数据库

    一.安装 使用版本:5.7(2018/08/03 阿里云的云数据库最高支持5.7,所以这里考虑用5.7) 下载版本:MySQL Community Server 5.7.23 下载地址:https:/ ...

  6. getjob

    [op@TIM getpage]$ cat job.py #coding: utf- #title..href... import urllib.request import time url=[ p ...

  7. 100万DAU的app技术架构(简单理解)

    如图所示:

  8. 三.通过jenkins对系统的监控(2)

    在这记录下,通过HTTP Request Plugin监控系统的异常.和上一篇原理差不多. 1.首先需要安装HTTP Request Plugin.插件安装好后,在系统设置下面会新增如下配置: 具体有 ...

  9. Excel2016怎么批量删除空白行 如何删除空白行

    我们在编辑Excel文档的时候,如果表格中有大量的空白行,这时我们怎么样把它们批量删除呢?下面我们就一起来看看操作的方法吧.   工具/原料   Excel2016 方法/步骤     首先在电脑上打 ...

  10. Android 发布自动版本号方案

    以前看到一些自动化版本号打包的文章.如果您的项目是用 Git 管理的,并且恰巧又是使用 Gradle 编译(应该绝大部分都是这样的了吧?),本文试图找到一种更加优雅的自动版本管理方法. 背景 我们都知 ...