Duvida, como criar link com Ajax no estilo anchor

Estou com duvida para criar link usando ajax no estilo do Anchor

imagem do link com anchor: http://prntscr.com/qt9tb3

link com anchor

<td><#?= anchor("produtos/detalhe?id={$produto['id']}", $produto['nome'])?></td>

Código
print: http://prntscr.com/qt9ua8

<script>

	$(function(){

		mostrarProdutos( );

		function mostrarProdutos(){
			$.ajax({
				type: 'POST',
				url:'<?php echo base_url() ?>index.php/produtos/mostrarProdutos',
				async: true,
				dataType: 'json',

				success: function (data){	
					let formatter = new Intl.NumberFormat('pt-BR', { style:'currency', currency: 'BRL' });
					var html = '';
					var i;				
					for ( i = 0; i < data.length; i++ ){
						 let preco = formatter.format(data[i].preco);
					     html +='<tr>'+	
					     	 		 '<td>'+data[i].nome+'</td>'+
					     	 		 '<td>'+data[i].descricao+'</td>'+					     	 		 
					     	 		 '<td>'+preco+'</td>'+
							         '<td>'+
								 	  	 '<a href="javascript:;" class="btn btn-info">Editar</a>'+
								 	     '<a href="javascript:;" class="btn btn-danger">Deletar</a>'+
							         '</td>'+
						        '</tr>';
					}	
					$('#showdata').html(html);
				},
				error: function(){
					alert('Não foi possivel pegar dados do Banco de dados');
				}
			});
		}

	});

</script>