[DataTables.js ejemplo de uso y carga de datos] Genera una tabla con carga de datos ASYNC con datatables.js #javascript

accion.js

$(document).ready(function(){
    
    /**
     * Setea e inicializa la tabla con datos
     */
	$("#tbl_ajax").DataTable({
		"ajax"	: URL_SERVICIO,
		"columns" : [
						{"data" : "col1" },
						{"data" : "col2"},
						{"data" : "col3"},
						{"data" : null, render: function(data, type, row, meta){
							return '<a href="'+row.col4+'" target="_blank">Accion</a>';
						}}
					]
	}); 
});

/**
 * Esta función recarga la
 * data de la tabla y se gatilla con 
 * un botón
 */
function filtrar () {
	$("#tbl_ajax").DataTable().ajax.url( URL_SERVICIO ).load(false, false);		
}

/**
 * Recarga la información desde un
 * dataset predefinido
 */
function ejemplo_recargar_datos () {
	$("#tbl_ajax").DataTable().clear();
	$("#tbl_ajax").DataTable().rows.add(data_inyectar);
	$("#tbl_ajax").DataTable().draw();
}

tabla.html

<table class="table table-hover table-bordered " width="100%" id="tbl_ajax">
	<thead>
		<tr>
			<th>col1</th>
			<th>col2</th>
			<th>col3</th> 
			<th>col4</th>
		</tr>
	</thead>
</table>