Question

我用来更新AJAX成功函数中的Label值，如下所示，但我需要知道如何应用此方法来更改/更新<img id="myimage" src=""/>

的“src”

$.ajax({
    url: 'clmcontrol_livematchupdate',
    type: 'post',
    dataType: 'json',

    success: function (data) {

        $('#mstatus').html(data.matchstatus);
        // $('#myimage').... ?

    },
    complete: function () {
        // Schedule the next request when the current one has been completed
        setTimeout(ajaxInterval, 4000);
    }
});

Answer 1

使用jquery，您可以使用类似$("#myimage").attr('src','img url');

假设您有data.imgsrc之类的响应，那么它应该是，$("#myimage").attr(src, data.imgsrc);

$.ajax({
        url: 'clmcontrol_livematchupdate',
        type: 'post',
        dataType: 'json',

        success: function (data) {

            $('#mstatus').html(data.matchstatus);
            $("#myimage").attr('src','img url');

        },
        complete: function () {
            // Schedule the next request when the current one has been completed
            setTimeout(ajaxInterval, 4000);
        }
    });

Answer 2

$('#myimage').attr('src', '/imagePath/');

Answer 3

尝试.prop()

success: function (data) {
    $('#mstatus').html(data.matchstatus);
    $('#myimage').prop('src', 'VAlue'); //change image src
}

<小时/> 阅读.prop() vs .attr()

从AJAX成功函数更新图像源

3 个答案: