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

最新推荐文章于 2025-04-30 11:34:07 发布

原创

最新推荐文章于 2025-04-30 11:34:07 发布 · 1.6k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#js #css #javascript

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

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

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()