今天学会了用ajax调用json中的数据

最新推荐文章于 2023-03-09 11:37:38 发布

大哥我扬得动帆

最新推荐文章于 2023-03-09 11:37:38 发布

阅读量210

点赞数

本文链接：https://blog.csdn.net/GeDeBiao/article/details/89317270

版权

今天是我来到csdn的第一天，对于还未入门的小白来说，最难的就是前期逻辑思维的培养，思维这个东西要么是天生就有，要么就是通过后天努力来培养，可惜我们不属于前者，所以得多做题啊！

下面是我的代码，

<body>
   <h1 id="h11"></h1>
   <button id="btn">点击切换图片</button>//点击切换按钮
   <p id="p1"></p>//第几张图片
   <img src="" alt="" id="img1">//图片
</body>
<script type="text/javascript" src="ajax.js"></script>
<script type="text/javascript">
function sui(n,m){
	return Math.round(Math.random()*(m-n)+n);//先封装一个随机数
}
var arr = [];//声明一个空数组，用来存放json里面需要用到的数据
ajax({
	"url":"success.json",//json文件路径
	"method":"get",//获取方法
	"success":function(response){
         var ddd = JSON.parse(response);//成功以后得到的值为字符串，需要转为json格式
         //下面的类名根据情况改变，我json需要用到的是这些
         //下面基本都是往上面创建好的类里面加字，设置属性的代码了
         console.log(ddd);
         h11.innerHTML = ddd.data.title;
         arr = ddd.data.content;
         console.log(arr);
         btn.onclick = function(){
         	p1.innerHTML = arr[sui(0,arr.length-1)].name;
         	img1.src = arr[sui(0,arr.length-1)].src;
         }
	}
})
</script>

上面就是老师教我们的一种方法了，大家如果有其他方法的话记得分享哦~

大哥我扬得动帆

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
今天学会了用ajax调用json中的数据

今天是我来到csdn的第一天，对于还未入门的小白来说，最难的就是前期逻辑思维的培养，思维这个东西要么是天生就有，要么就是通过后天努力来培养，可惜我们不属于前者，所以得多做题啊！下面是我的代码，<body> <h1 id="h11"></h1> <button id="btn">点击切换图片</button>//点击切换按钮...
复制链接

扫一扫