ajax获取图片

ansou3280

于 2018-01-11 13:49:00 发布

阅读量372

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huahua0825/p/8268038.html

本文介绍了一种使用Ajax进行图片动态加载的方法，通过JavaScript在页面加载完成后异步获取并更新图片源，实现页面元素的动态更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<img  id="contents2_img" alt="" src="images/hope.png" style="width: 100%; height:100%;border: none;">

<script>
    var image = '';
    var cate = 10;
    $(document).ready(function () {
        $.ajax(
            {
                type: "GET",
                url: baseURL + 'api/articles/getArticlesList?catecode=10',
                data: {},
                success: function (data) {
                    if (data.code == 0 && data.articlesList.length>0) {
                        var $data = data.articlesList[0].content;
                        console.log($data)
                        $("#contents2_img").attr('src', $data);
//                        document.getElementById('contents2_img').src=$data;

                    }
                }
            });
    })
</script>