封裝json格式數據

 

<div class="allPro">

<div class="line-big">

<div class="pro-item">
<div class="media-img">
<a href="/a/product/tiegao/2020/0529/33.html"><img src="/uploads/200529/1-200529110J4T1.jpg"></a>
</div>
<h3 class="text-center"><a href="/a/product/tiegao/2020/0529/33.html">頸肩腰腿痛冷敷貼</a></h3>
</div>

<div class="pro-item">
<div class="media-img">
<a href="/a/product/tiegao/2020/0529/39.html"><img src="/uploads/200529/1-20052911192W27.jpg"></a>
</div>
<h3 class="text-center"><a href="/a/product/tiegao/2020/0529/39.html">王氏秘貼 冷敷貼</a></h3>

</div>

</div>
</div>

js:

var tota = $(".proAll .pro-item").length;

var JsonData = {
a: "",
b: "",
c: ""
}
var aa = [];

for(var i = 0; i < tota; i++) {
var JsonData = new Object();
JsonData.a = $(".proImg").eq(i).attr("src");
JsonData.b = $(".proTitle").eq(i).html();
JsonData.c = $(".url").eq(i).attr("href");
aa.push(JsonData);
}

var json = JSON.stringify(aa);

console.log(json);

前端調用的時候，要轉換：

var data = $.parseJSON(json);//

$.parseJSON() 函數用於將符合標准格式的的JSON字符串轉為與之對應的JavaScript對象。