剖析遍历抓取的html标签数据,Jquery遍历数组(包括获取后端数据后的操作)和遍历标签(class名)...
//遍历数组(获取后端数据如何遍历操作)
var status = 1; //自定义状态
$('.tables-detail').html(""); //调用ajax之前如果不同数据要显示在同一个地方,最好清空内容
$.ajax({
type:"GET/POST",
async:true,
url:接口地址,
data : {" 与后端接受参数一致":前端所传参数},
success:function(data){ //获取后端数据
console.log(data.pageInfos ); //判断后端数据是否返回成功
if(data.pageInfos == null || data.pageInfos.length == 0){ //如果后端返回数据为空
var $tableDetail = $('.tables-detail');
var $imgs = $("");
$tableDetail.append($imgs);
}else{ //返回数据则进行相应的操作
if(status == 1){
waitfunhtml(data.pageInfos); //函数调用
if(status== 2){
waitgoodshtml(data.pageInfos); //函数调用
};
}
},
error:function(data){ //表示后端数据传输失败
// console.log('获取推送信息产生异常:'+JSON.stringify(data));
alert("数据获取失败");
}
});
//后端数据显示格式
[
pageInfos:{
"orderStatus": "1", //状态
"name": "骨骼", //商品名称
"id": "1",
}
];
//函数封装.................................................
function waitfunhtml(waitdata){ //waitdata传参,该参数即为后端数据
var $tablesDetail = $('.tables-detail');
$tablesDetail.html(""); //清空数据
var $tablewait = $('
var $tbodywait = $('
');
$.each(waitdata,function(i,e){ //遍历后端数据渲染至dom元素
var $trwait = $('
');
var $tdwait =
'
' + e.name +'' +
'
' +
'已拒订单 ' +
'
';
$trwait.append($tdwait);
$tbodywait.append($trwait);
});
$tablewait.append($tbodywait);
$tablesDetail.append($tablewait);
}
//遍历标签(class名)
var $sonCheckBox = $('.son_check'); //获取每一个class名
function totalMoney() {
var total_money = 0;
var total_count = 0;
var calBtn = $('.calBtn a');
$sonCheckBox.each(function () { //遍历每个class名
if ($(this).is(':checked')) {
var goods = parseInt($(this).parents('.order_lists').find('.sum_price').html().substring(1));
var num = parseInt($(this).parents('.order_lists').find('.sum').val());
total_money += goods;
total_count += num;
}
});
$('.total_text').html('¥'+total_money);
$('.piece_num').html(total_count);
// console.log(total_money,total_count);
}
剖析遍历抓取的html标签数据,Jquery遍历数组(包括获取后端数据后的操作)和遍历标签(class名)...相关推荐
- 抓取html表单验证码,jquery实现表单获取短信验证码代码
效果图: 代码如下: jquery表单获取短信验证码代码 $(function(){ //获取短信验证码 var validCode=true; $(".msgs").click ...
- 使用 MitmProxy 自动抓取微信公众号阅读数、点赞和再看数据
文 | 某某白米饭 来源:Python 技术「ID: pythonall」 某天接到一个需要抓取某某微信公众的所有历史文章的阅读数.点赞和再看数据的需求. 为了解放双手,就用 Python 代码撸一个 ...
- jQuery通过ajax方法获取json数据不执行success的原因及解决方法
1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...
- jquery通过ajax方法获取json数据不执行success
1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...
- Hbuilder X 前端获取后端数据
Hbuilder X 前端获取后端数据 1.创建appUser.js文件 // 如果没有通过拦截器配置域名的话,可以在这里写上完整的URL(加上域名部分) let getAppUserUrl = '/ ...
- jQuery使用getJSON方法获取json数据完整示例
本文实例讲述了jQuery使用getJSON方法获取json数据.分享给大家供大家参考,具体如下: demo.js: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...
- jquery ajax 不执行success,jQuery通过ajax方法获取json数据不执行success的原因及解决方法...
1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...
- java广度优先爬虫示例,【爬虫】广度优先遍历抓取数据概述
这次都是一些纯语言的表达,可能会有点啰嗦,或者有点枯燥,也是对爬虫的一些小小的见解,可能只是一些常见话,哈哈,还是耐心的写完. 网络爬虫的整体执行流程: 1)确定一个(多个)种子网页 2)进行数据内容 ...
- python数据抓取课程_Python爬虫入门教程 21-100 网易云课堂课程数据抓取
写在前面 今天咱们抓取一下网易云课堂的课程数据,这个网站的数据量并不是很大,我们只需要使用requests就可以快速的抓取到这部分数据了. 你第一步要做的是打开全部课程的地址,找出爬虫规律, 地址如下 ...
最新文章
- 微软私有云分享(R2)8-PowerShell下载文件
- Cisco 胖AP和瘦AP的区别
- Codeforces Round #538 (Div. 2) F. Please, another Queries on Array? 线段树 + 欧拉函数
- 两顶点的路径长度为k_计算两个顶点之间的所有可能路径
- 也拿baidu搜索开玩笑!
- 第三次冲刺--软件工程
- linux学习笔记:磁盘格式化与磁盘检验命令
- monkey命令——压力测试——转载参考01
- HUAS Summer Trainning #3 M
- 《炬丰科技-半导体工艺》氢氟酸中玻璃湿法化学蚀刻的综述
- linux qt 字体哪个好,QT的的字体使用(全局自带字体特别好用)
- 领英精灵和领英助理哪个好?为什么领英精灵是LinkedIn最好的配套工具?
- OpenAI CEO Sam Altman:巨型 AI 模型时代即将终结!
- STC15单片机上电复位延时180ms才执行程序
- 与神对话:每个行为都是爱的表达
- 《快递查询-您身边的快递助手-技术支持》
- ucosII中禁止任务调度方式
- 实战演习Windows XP远程桌面连接
- Ionic3开发环境搭建-VS Code
- 汉枫的EW11关于在SATA模式下连接TCP服务器的设置
热门文章
- Idea提交代码报错:Push rejected: Push master to origin/master was rejected by remote
- 《恒盛策略》沪深两市早盘放量上涨 北向资金净买入超124亿元
- 【unity shader案例】如何实现一个玻璃效果
- win8.1计算机面临,win8.1系统出现的一些常见问题和解决方法
- php 抽象工厂模式
- 基于UDP的服务器端/客户端
- “无人超市”信用测试:有人扔10元抱走名贵烟酒
- 不可不知的结婚照摆放禁忌
- CoinUp罗一哲:科幻主义90后无性别者区块链金融创业者
- html中留言表怎么写,html 留言板: