JS根据判断条件显示对应的图片

我想实现JS代码根据后台返回的数据然后在前端显示对应的图片。
这样的JS该怎么去写？

引用jquery,，在脚本中执行以下代码，url是你的后端地址或者api,var obj = response;是从后端取到的值，根据值内容，赋值给前台需要显示的元素。

<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.js'></script>
<script type="text/javascript">
    $(function(){
                   $.ajax({
                    url: "index.json",
                    type: "post",
                    dataType: "json",
                    contentType: "application/json;charset=UTF-8",
                    beforeSend: function (xhr) {
                                        
                    },
                    success: function (response) {                                   
                           var obj = response;
                            var html ="";
                               $.each(obj,function(index, el) {
                                   html +='<li>'+el.title+'</li>'
                               });
                            $(".main").append(html);        
                    }
                })
    });
</script>>

switch case或者if就可以了吧

用vue写的话比较好写一些，获取请求后渲染到标签上就可以了

var url = xx ? './xx/xx.png' :  './jj/jj.png'
img.src = url

题主我想知道
1.我们根据后端的什么数据去控制
2.我们的图片是什么展示形式 img嘛

如果是vue技术的话，我们可以将后端的控制图片展示的数据存放到data中的变量中，然后再img中去通过三元来控制（这种是两张图片的切换）

<img :src="isShow===0?'./gb.png':'./ag.png'" alt="">

如果变量多种值、多张图片切换我们就在获取数据后 通过if来根据数据的值来给 imgUrl赋值不同的图片地址，然后再img中为ingUrl赋值

<img :src="imgUrl" alt="">

我的提问似乎有些问题。
我是用的CMS程序。
我在后台会有一个自定义参数。是单选项，我发布文章时会选择该选项。
举例：
我在后台会有“已认证”和“未认证”两个选项。
我选择“已认证”后前端就会显示“已认证”。
但是我现在想要的效果是如果后台选择的“已认证”，前台显示则用A照片显示，选择“未认证”时则用B照片显示。选择其他时又是另外的图片进行显示。

加一个v-if 里边写一个三目运算符可以吗