I use to update Label values inside the AJAX success function like below, But I need to know how I'm going to apply this method to change/update "src" of an <img id="myimage" 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);
    }
});
                ajax function is deprecated.
You can use the location. reload() method to reload or refresh an entire web page or just the content inside an element. The . reload() method can be triggered either explicitly (with a button click) or automatically.
Using jquery, You can use like $("#myimage").attr('src','img url');
Assume, you have response like data.imgsrc then it should be like, $("#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);
        }
    });
                        $('#myimage').attr('src', '/imagePath/');
                        If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With