1.在html中引用jquery和js文件,注意要把jquery文件写在上面,因为js文件中也引用了jquery文件。
否则会报错未定义$
![](https://img.haomeiwen.com/i3501361/871c94cf86ddd94b.png)
2.js文件中,将数据源复制下来
要用的图片地址以及文字是在ActivityProduct这个对象里的,即dataList.ActivityProduct
![](https://img.haomeiwen.com/i3501361/4fba8b5d7d86766e.png)
3.拼接
这里定义result=jsonData.dataList,但是要用的数据是在ActivityProduct对象中的。
![](https://img.haomeiwen.com/i3501361/623c0bb638edd456.png)
4.将拼接好的数据显示在网页
![](https://img.haomeiwen.com/i3501361/1dc2dad43e119694.png)
1.在html中引用jquery和js文件,注意要把jquery文件写在上面,因为js文件中也引用了jquery文件。
否则会报错未定义$
2.js文件中,将数据源复制下来
要用的图片地址以及文字是在ActivityProduct这个对象里的,即dataList.ActivityProduct
3.拼接
这里定义result=jsonData.dataList,但是要用的数据是在ActivityProduct对象中的。
4.将拼接好的数据显示在网页
本文标题:Hmtl中使用Json获取数据
本文链接:https://www.haomeiwen.com/subject/apkvdctx.html
网友评论