Request.HTML

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

by Dhiraj Bodicherla

HTML

<button class="abc">Demo</button>
<div id="log"></div>

CSS

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

JavaScript

$('body').on('click', '.abc', function () {
    var _this = this;
    updateTime.call(this, new Date().getTime(), function (data) {
        $(_this).addClass('testingClass').removeClass('abc');
        $('#log').append('Time: ' + data + 'from abc <br/>');
    });
}).on('click', '.testingClass', function () {
    var _this = this;
    updateTime.call(this, new Date().getTime(), function (data) {
        $(_this).addClass('abc').removeClass('testingClass');
        $('#log').append('Time: ' + data + ' from testingclass <br/>');
    });
});

function updateTime(currentTime, successCallback) {
    console.log('in update time');
    $.ajax({
        url: '/echo/html/',
        data: {
            html: currentTime,
            delay: 1
        },
        method: 'post',
        success: successCallback
    });
}