jquery随机获取图片

最新推荐文章于 2021-07-10 02:56:41 发布

吴恒利

最新推荐文章于 2021-07-10 02:56:41 发布

阅读量1.2k

点赞数 2

本文链接：https://blog.csdn.net/a2QWSDN/article/details/89476119

版权

<!DOCTYPE html>
<html lang="en">
<head>
       <meta charset="UTF-8" />
       <title>Document</title>
</head>
<body>
       <h1 id="title"></h1><div id="names"></div>
       <button id="btn">随机获取图片</button>
       <img src="" alt="" / id="image">

</body>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<script type="text/javascript">

var arr=[];
	function num(m,n){
		var  a= Math.round(Math.random()*(n-m)+m)
            return a 
	}
	$.ajax({
		url:"score/success.json",
		type:"get",
		dataType:"json",
		success:function(data){
             // console.log(data)
               {status: "0", message: "success", data: {…}}
               data:
                content: (5) [{…}, {…}, {…}, {…}, {…}]
               title: "请认真对待考试,随机选取其中一张图片"
              __proto__: Object
               message: "success"
                status: "0"
               __proto__: Object//

          var val=data.data.title;
              
          $("#title").text(val)

          var arr=data.data.content;

          $("#btn").click(function(){
          	var sam=num(0,arr.length-1)
          	$("#names").html(arr[sam].name);
          	$("#image").attr("src",arr[sam].src)
          })

		}
	})
</script>
</html>