/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. selenuim模块的使用 解析库

    selenium: 是自动化测试工具,我们可以用它来进行爬虫. 可以驱动浏览器,执行自定义好的任务. 可以执行js代码 执行速度慢,效率低. 一般用于做登录的认证 基本选择器: find_elemen ...

  2. 硬盘监控和分析工具:Smartctl

    https://linux.cn/article-4682-1.html Smartctl(S.M.A.R.T 自监控,分析和报告技术)是类Unix系统下实施SMART任务命令行套件或工具,它用于打印 ...

  3. VC2010 CString.Format使用报错 error C2664

    error C2664: “void ATL::CStringT<BaseType,StringTraits>::Format(const wchar_t *,...)”: 不能将参数 1 ...

  4. ICO和区块链区别

    区块链项目众筹(ICO)浅析 2017-07-25 原创 Fintech科普大使 ICO是区块链初创公司项目融资的重要方式类似于Kickstarter众筹,但有不同之处(具体在下一节详述),可以避开传 ...

  5. mysql存储过程、函数、触发器、

    当数据库版本不允许直接使用存储过程.函数的语法时用delimiter // 将结束符改成//用完之后再写delimiter;将结束符改回来即可,调用过程.函数用call+其名字即可返回结果 delim ...

  6. intellij免费激活码

    IDEA官方下载地址:https://www.jetbrains.com/idea/nextversion/ IntelliJ IDEA 2019.2最新版本免费激活码 支持IDEA所有版本 正版授权 ...

  7. 23. requests安装与使用

    Windows下安装requests 在介绍requests库之前,先贴一下requests官网,当然也可以访问requests中文网站 requests官网给出以下介绍:Requests 唯一的一个 ...

  8. 服务发现和注册和Eureka

    一 Spring Cloud特点 # 约定优于配置 # 开箱即用,快速启动 # 适用于各种环境,可以部署在PC server或者 云环境 # 轻量级的组件 # 组件的支持很丰富,功能齐全 # 选型中立 ...

  9. mysql 针对table的查看命令行

    1  desc t_help; 2 show create table t_help; 3  show table status like 't_help';

  10. PAT(A) 1042. Shuffling Machine (20)

    Shuffling is a procedure used to randomize a deck of playing cards. Because standard shuffling techn ...