как отобразить изображение после успешного процесса ajax

Question

Я хочу отобразить qrcode после отправки данных в БД, и это мой код отправки:

 $(document).ready(function(){
       $("input#submitmap").click(function() {
            var routedmap = 
                {
                 destination :destinationDB,
                 point: addressRoute

                };

            $.ajax({
              type: 'POST',
              url: 'addroutedmap.php',
              data: routedmap,
            success: function(data){


            }
            });
        });

    });

в функции успеха после отправки, я хочу отобразить изображение qrcode, здеськод изображения:

<img src="https://chart.googleapis.com/chart?
cht=qr&amp;chs=200x200&amp;chl=http://www.facebook.com"></img>

Я пытался использовать .show .html (+ data +), и он не работает.Есть ли идея или предложение?

Answer 1

Вы пробовали это:

$('body').append('<img src="https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=http%3a%2f%2fwww.facebook.com" />');

или:

$('#container').html('<img src="https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=http%3a%2f%2fwww.facebook.com" />');

, где #container - это некоторый элемент DOM, скрывающий ваше изображение.

или способЯ предпочитаю:

$('#container').html(
    $('<img/>', {
        src: 'https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=http%3a%2f%2fwww.facebook.com',
        alt: ''
    })
);

Answer 2

$('#div_where_you_will_sho_qr_code').append(data.toString());