Update Image source from AJAX success function

Question

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);
    }
});

`$("#elementId").attr("src","value");` – Aditya Singh Nov 21 '13 at 05:38 — Aditya Singh, Nov 21 '13 at 05:38

Krish R · Accepted Answer · 2013-11-21T06:22:46.640

10

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);
        }
    });

edited Nov 21 '13 at 06:22

answered Nov 21 '13 at 05:38

Krish R

22,583
7
50
59

I agree with $("#myimage").attr(src, data.imgsrc); but the src part should come inside quotes like 'src' right? cause it didn't work until I do so. – Dilukshan Mahendra Nov 21 '13 at 06:19

score 4 · Answer 2 · edited Nov 21 '13 at 13:13

4

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

edited Nov 21 '13 at 13:13

Tushar Gupta - curioustushar

58,085
24
103
107

answered Nov 21 '13 at 05:39

swt

417
4
3

score 1 · Answer 3 · edited May 23 '17 at 12:32

1

Try .prop()

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

Read .prop() vs .attr()

edited May 23 '17 at 12:32

Community

1
1

answered Nov 21 '13 at 05:38

Tushar Gupta - curioustushar

58,085
24
103
107

Update Image source from AJAX success function

3 Answers3

Linked

Related