JQuery 从服务器获取图片（备忘）

最新推荐文章于 2024-04-10 12:08:26 发布

anialy

最新推荐文章于 2024-04-10 12:08:26 发布

阅读量6.5k

点赞数

分类专栏： JQuery

本文链接：https://blog.csdn.net/anialy/article/details/8585205

版权

JQuery 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

简述：

实现从后台获取图片

实现方式：

从服务器获取的json中包含了图片在服务器的地址

后台用servlet返回一个json的数据，imgUrl属性标示地址"./image/logo.jpg"

项目结构如下：

代码：

testImage.html

<!DOCTYPE html>
<head>
<title>MyWebProject</title>
<meta charset="utf-8" />
<link type="text/css" href="./lib/css/jquery-ui-1.8.19.custom.css"
	rel="stylesheet" />
<script type="text/javascript" src="./lib/js/jquery-1.8.3.js"></script>

</head>
<body>
	<img alt="Image" id="img">
	<script type="text/javascript">
	$(document).ready(function(){  
        $.ajax({  
            type:"GET",  
            url: "http://localhost:8080/MyWebProject/TestImage",  
            dataType:"json",  
            global:false,   
            success: function(data){  
                $("#img").attr("src",data.imgUrl);
            }
        });
	});
	</script>
</body>
</html>