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

Question

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

Answer 1

引用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>>