爬数据

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();
obj.titl3=$(item).find(".price1").text();
obj.titl5=$(item).find(".price2").text();
data.push(obj)
})
data=JSON.stringify(data);
console.log(data)

如何进行请求数据

//http:127.0.0.1 为打开请求的方式
// 请求第一个后台数据
function getHapyJosn(callBack) {var xhr = new XMLHttpRequest();xhr.open("GET", "../js/happy.json");xhr.send();xhr.onreadystatechange = function () {if (xhr.readyState == 4) {callBack(JSON.parse(xhr.responseText).data);}}
}

渲染数据

   //调用请求第一个数据// data =>{}恒等于 function(data){}getHapyJosn(function (data) {var ul = document.querySelector(".content_2_2>.content_2_2_1");data.forEach(function (item) {console.log(item)var li = document.createElement("li");li.innerHTML = `<div class="content_2_2_1_1"><p class="content_2_2_2"><img src="${item.src}" alt=""></p></div> <div class="content_2_2_1_1_1"><p class="content_2_3">${item.titl1}</p><p class="content_2_4">${item.titl2}</p></div><p class="content_2_3-prive"><span class="price1"><span> ${item.titl3} </span><del> ${item.titl3}</del></span></p>`ul.appendChild(li);});})