bootstrap/JS/Ajax按钮点击后获取表单以更改图像

我有一个带有点击按钮的提交表单，一旦点击提交表单，我想更改我的html网站中的一系列图像。

到目前为止，我正在使用以下JS代码，但在定义适当的成功响应时遇到了问题。

<script type=text/javascript>                                                                     
$(function() {
$("#valueme").click(function() {                                                                  
     $.ajax({
        type: "GET",
        url: $SCRIPT_ROOT + "/mypythonscript/",
        contentType: "application/json; charset=utf-8",                                           
        data: { 
                input1: $('input[name="input1"]').val(),
                input2: $('input[name="input2"]').val(),
              },
        success: function(data) {
            //$ ('#photo_link1_div').text(data.photo_link1);                        
            //$ ('#photo_link2_div').text(data.photo_link2);                        
        }
    });                                                                                           
 });                                                                                              
 });
</script>

mypythonscript返回的数据是一个字典，其中包含我想在html站点中更改的所有图像的链接，即mypythonscript返回{photolink1:'../static/img/myphoto1.jgp',photolink2:'../static/img/myphoto2.jgp'}。

使用这些数据，我想通过更改DIV背景图像URL来更改html中的背景图像。到目前为止，我的html中的DIV看起来像（理想情况下，我不必更改这部分，而是更改JS部分）：

<div id="photo_link1_div" style="background-image: url(../static/img/anotherphotowanttochange.jpg); background-repeat: no-repeat; width: 200px; height: 310px; background-size: 100% auto;" align="center"></div>