文件ajson内容为name dogid 65334059500130111018使用jQuery读取ajson把属性id的每个值循环代入到bhtml里的img标签里的src属性值里面
假设b.html里的img标签如下:
<img id="image1" src="">
<img id="image2" src="">
<img id="image3" src="">
<img id="image4" src="">
<img id="image5" src="">
使用jQuery读取a.json的代码如下:
$.getJSON("a.json", function(data){
$.each(data.id, function(i, val){
$("#image" + (i+1)).attr("src", "http://example.com/image_" + val + ".jpg");
});
});
解释:
$.getJSON是jQuery提供的读取JSON文件的方法。$.each是jQuery提供的循环遍历数组的方法。data.id表示获取a.json文件里的id属性值,它是一个数组。function(i, val)表示循环遍历数组,i表示数组下标,val表示数组元素。$("#image" + (i+1))表示选择id为image1、image2、image3、image4、image5的img标签。attr("src", "http://example.com/image_" + val + ".jpg")表示修改img标签的src属性值为"http://example.com/image_" + val + ".jpg",其中val是id数组里的每个值。
原文地址: https://www.cveoy.top/t/topic/bDR0 著作权归作者所有。请勿转载和采集!