这篇博客介绍了如何使用JavaScript和Ajax从JSON文件中获取数据，动态显示随机图片。首先展示了HTML结构，接着讲解了JavaScript代码，包括外部引入的封装好的Ajax函数，用于获取JSON文件中的图片信息。当点击按钮时，会随机选取一张图片并显示在页面上。
html代码：
<body>
<h1 id="title"></h1>
<button id="btn">随机获取图片</button>
<div id="names"></div>
<img src="" alt="" / id="image">
</body>
JavaScript代码：
<script type="text/javascript" src="ajax.js"></script> //外部引入封装好的ajax封装函数
<script type="text/javascript">
var arr = []; //声明一个空数组，用来存放之后需要用的数组
function num(n,m){ //封装n~m之间的随机数
var mathNum = Math.round(Math.random()*(m-n)+n);
return mathNum
};
ajax({ //ajax 传输数据，获取数据
"url":"success.json", //路径引入json文件
"method":"get", //方法为得到，"GET"在键值对中可以不用大写
"success":function(
最低0.47元/天 解锁文章
439
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
