Javascript 我想用文本动态显示div中的背景图像，如何？

在我的基于ASP.NET MVC 3/jQuery/HTML5的web应用程序中，我认为MVC与此上下文无关，视图中有一个div元素，该元素使用服务器上运行的操作中的文本进行更新。服务器操作完成后，我想向div添加一个背景图像，表示成功或失败

包含的div是可变宽度的，因此我认为图像需要在保持比例的同时进行缩放。为了允许图像缩放，我想它也需要SVG格式

您建议我如何根据自己的需求使用JavaScript/jQuery中的背景图像更新div元素？如果需要进一步说明，请告诉我

编辑

---

我还希望能推荐一些免费图标来表示成功/失败状态：

首先，SVG不是强制性的，也不是所有浏览器都支持的。任何图像格式都适合。只要保持比例，如果你调整它

如果是的话，我会在jQuery中使用ajax方法，并对ajax请求的结果采取必要的操作

比如,

    $(document).ready(function(){
            $.ajax({
                    url: 'aa.html',
                    beforeSend: function() { $('#loader').fadeIn("slow"); },
                    complete: function() { $('#loader').fadeOut("slow"); },
                    success: function(data){
                            $("#page").html(data);
                            $("#page").fadeIn("slow");
                    },
                    error: function(jqXHR, textStatus, errorThrown){
                            $("#page").html(jqXHR + ' ' + textStatus + ' ' + errorThrown);
                            $("#page").fadeIn("slow");
                    }
            });
    });

您可以根据自己的意愿修改这个示例，并可以按照链接获取jQuery的完整ajax参考

---

我能够通过CSS属性background image包含一个背景SVG。此外，background size:contain允许背景图像按div缩放！。CSS示例：

div {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg);
}

有关工作示例，请参见我的

---

我知道这个解决方案需要更新的浏览器，比如IE9。

服务器是否会返回JSON状态，无论是成功还是失败？@momo这并不重要。我有一个JS回调函数，成功调用它，反之亦然。我只需要担心视图的更新。我这样问是因为如果服务器不返回带有success/fail布尔值的JSON，您可以返回一个包含附加到div的img的HTML。或者，您可以将带有默认src的img标记设置为空图像，根据回调中的成功/失败进行更新。Tim的答案提供了jQuery模板，您可以modify@momo但是，HTML是在服务器端呈现还是通过jQuery添加重要吗？我需要弄清楚如何编写HTML/CSS：此外，不会呈现背景图像吗？我想我需要使用CSS背景图像属性，或者类似的属性。我从中得到了问题的答案。Ajax方法在这里不相关，因为我被类似Comet的框架SignalR调用。我认为您的示例不适合我的情况，因为您完全重设了页面的HTML内容？在我的例子中，我试图更改div的背景图像。另外，缩放非矢量图像不会有问题吗？我认为背景应该随着视图大小的调整而缩放，尽管我在这里可能要求太多：如果保持比例，图像看起来会很好。您可以再次使用jQuery更新DIV的背景$分区ID.cssbackground图像，“url…”；除了更新DOM之外，我还需要知道如何在HTML/CSS中添加背景图片，以及是否可以使用SVG等。我曾尝试使用CSS属性添加SVG背景图片，但在Chrome中没有显示。另一方面，PNG是有效的。正如我所说，SVG不完全受浏览器支持。最好选择另一种格式。