//遍历数组(获取后端数据如何遍历操作)

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名)...相关推荐

  1. 抓取html表单验证码,jquery实现表单获取短信验证码代码

    效果图: 代码如下: jquery表单获取短信验证码代码 $(function(){ //获取短信验证码 var validCode=true; $(".msgs").click ...

  2. 使用 MitmProxy 自动抓取微信公众号阅读数、点赞和再看数据

    文 | 某某白米饭 来源:Python 技术「ID: pythonall」 某天接到一个需要抓取某某微信公众的所有历史文章的阅读数.点赞和再看数据的需求. 为了解放双手,就用 Python 代码撸一个 ...

  3. jQuery通过ajax方法获取json数据不执行success的原因及解决方法

    1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...

  4. jquery通过ajax方法获取json数据不执行success

    1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...

  5. Hbuilder X 前端获取后端数据

    Hbuilder X 前端获取后端数据 1.创建appUser.js文件 // 如果没有通过拦截器配置域名的话,可以在这里写上完整的URL(加上域名部分) let getAppUserUrl = '/ ...

  6. jQuery使用getJSON方法获取json数据完整示例

    本文实例讲述了jQuery使用getJSON方法获取json数据.分享给大家供大家参考,具体如下: demo.js: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ...

  7. jquery ajax 不执行success,jQuery通过ajax方法获取json数据不执行success的原因及解决方法...

    1.jquery通过ajax方法获取json数据不执行success回调 问题描述:jquery通过ajax方法获取json数据不执行success回调方法 问题原因:json格式存在问题或不符合标准 ...

  8. java广度优先爬虫示例,【爬虫】广度优先遍历抓取数据概述

    这次都是一些纯语言的表达,可能会有点啰嗦,或者有点枯燥,也是对爬虫的一些小小的见解,可能只是一些常见话,哈哈,还是耐心的写完. 网络爬虫的整体执行流程: 1)确定一个(多个)种子网页 2)进行数据内容 ...

  9. python数据抓取课程_Python爬虫入门教程 21-100 网易云课堂课程数据抓取

    写在前面 今天咱们抓取一下网易云课堂的课程数据,这个网站的数据量并不是很大,我们只需要使用requests就可以快速的抓取到这部分数据了. 你第一步要做的是打开全部课程的地址,找出爬虫规律, 地址如下 ...

最新文章

  1. 微软私有云分享(R2)8-PowerShell下载文件
  2. Cisco 胖AP和瘦AP的区别
  3. Codeforces Round #538 (Div. 2) F. Please, another Queries on Array? 线段树 + 欧拉函数
  4. 两顶点的路径长度为k_计算两个顶点之间的所有可能路径
  5. 也拿baidu搜索开玩笑!
  6. 第三次冲刺--软件工程
  7. linux学习笔记:磁盘格式化与磁盘检验命令
  8. monkey命令——压力测试——转载参考01
  9. HUAS Summer Trainning #3 M
  10. 《炬丰科技-半导体工艺》氢氟酸中玻璃湿法化学蚀刻的综述
  11. linux qt 字体哪个好,QT的的字体使用(全局自带字体特别好用)
  12. 领英精灵和领英助理哪个好?为什么领英精灵是LinkedIn最好的配套工具?
  13. OpenAI CEO Sam Altman:巨型 AI 模型时代即将终结!
  14. STC15单片机上电复位延时180ms才执行程序
  15. 与神对话:每个行为都是爱的表达
  16. 《快递查询-您身边的快递助手-技术支持》
  17. ucosII中禁止任务调度方式
  18. 实战演习Windows XP远程桌面连接
  19. Ionic3开发环境搭建-VS Code
  20. 汉枫的EW11关于在SATA模式下连接TCP服务器的设置

热门文章

  1. Idea提交代码报错:Push rejected: Push master to origin/master was rejected by remote
  2. 《恒盛策略》沪深两市早盘放量上涨 北向资金净买入超124亿元
  3. 【unity shader案例】如何实现一个玻璃效果
  4. win8.1计算机面临,win8.1系统出现的一些常见问题和解决方法
  5. php 抽象工厂模式
  6. 基于UDP的服务器端/客户端
  7. “无人超市”信用测试:有人扔10元抱走名贵烟酒
  8. 不可不知的结婚照摆放禁忌
  9. CoinUp罗一哲:科幻主义90后无性别者区块链金融创业者
  10. html中留言表怎么写,html 留言板: