Request.HTML

Sends HTML code to backend updates target div and executes <script>

HTML

<div id='container'></div>

CSS

body {
    font-family: Helvetica, Sans, Arial;
}
p {
    padding: 10px;
}

.loading{
    width: 500px;
    height: 500px;
    background-color: red;
}

JavaScript

$('#container').addClass("loading");
$.ajax({
	url: '/echo/html/',
    data: {
        html: '<div class="workdetail"><p>TEXT</p><img width="100" height="100" class="extimgload" src="https://brandontgj2o.files.wordpress.com/2012/10/ocean-300.jpg" alt="Description"><img width="100" height="100" class="extimgload" src="https://brandontgj2o.files.wordpress.com/2012/10/ocean-300.jpg" alt="Description"><img width="100" height="100" class="extimgload" src="https://brandontgj2o.files.wordpress.com/2012/10/ocean-300.jpg" alt="Description"></div>',
    },
    method: "POST",
    success: function(risp){
        console.log(risp);
        
        $('#container').append(risp);
        $(".extimgload").load(function() {
          $('#container').removeClass("loading");
        }).each(function() {
          if(this.complete) $(this).load();
        });
    }   
});