Ajax Table Bind

In this code, you will learn about Ajax Table Bind.

$('#rad3GetData').click(function() {
    $.ajax({
        url: apiBaseUrl + 'api/satya',
        type: 'GET',
        dataType: 'json',
        success: function(data) {
            var $table = $('<table/>').addClass('table table-responsive table-striped table-bordered');
            var $header = $('<thead/>').html('<tr><th style="background-color: Yellow;color: blue">Last Name</th><th style="background-color: Yellow;color: blue">Email</th><th style="background-color: Yellow;color: blue">City</th><th style="background-color: Yellow;color: blue">Country</th></tr>');
            $table.append($header);
            $.each(data, function(i, val) {
                var $row = $('<tr/>');
                $row.append($('<td/>').html(val.LastName));
                $row.append($('<td/>').html(val.EmailID));
                $row.append($('<td/>').html(val.City));
                $row.append($('<td/>').html(val.Country));
                $table.append($row);
            });
            $('#updatePanel').html($table);
        },
        error: function() {
            alert('Error!');
        }
    });
});