教你如何用原生JS方法爬数据如何进行请求数据获取的为JSON数据渲染数据

最新推荐文章于 2024-04-19 15:48:17 发布

文阳兄

最新推荐文章于 2024-04-19 15:48:17 发布

阅读量1.5k

点赞数 3

文章标签： js css javascript

本文链接：https://blog.csdn.net/LaoYangSaid/article/details/106914814

版权

本文介绍了使用原生JS和jQuery进行数据爬取的简单方法，包括如何请求和获取JSON数据，以及如何进行数据渲染。特别讨论了二层循环嵌套的结构分析和数据渲染策略。

摘要由CSDN通过智能技术生成

爬数据(常规方法超简单的一种)

JS爬

let children = document.querySelectorAll('.swiper-box.eatindex-swiper .swiper-container-horizontal .swiper-slide')
const data = []
children.forEach(item => {
   
    let curData = {
   }
    curData['src'] = item.querySelector('img').src
    data.push(curData)
})
console.log(data)

JQ爬

这个只有一种循环嵌套

var data=[];
$(".newbrand_box.ClearFix.mt40").each(function(index,item){
   
var obj={
   };
obj.titl4=$(item).find(".h2_top").text();
obj.src=$(item).find(".lazy").attr("src");
obj.src1=$(item).find(".mryh_goods.ClearFix.floor_g_list>li>img").attr("src");
obj.titl1=$(item).find(".g_other_info").text();
obj.titl2=$(item).find(".p_title").text()