{{route()}} no funcina dentro de ajax : Within a view of Laravel I generate a report and charge it using ajax. In the report I have three buttons, one of them is "Add".
Clicking on the "add" button does not redirect me to the route (viewAlarmasConfDestinatarios), in which I should show another form with fields that I must complete.

{{route ()}} does not work within ajax

ajax:
  function fetch_data()
        {

            var trHTML ='';
                              
                       $.ajax({
                      url: 'reporteAlarmasConfiguracion/',
                      type: "GET",
                      data : {"_token":"{{ csrf_token() }}"},
                      dataType: "json",
                      success:function(data) 
                      {
                          if(data)
                          {
                              
                                    console.log('ENTRE AL FETCH_DATA');
                                     
                                      $('#locationA > tbody').empty();

                                      $.each(data, function(key, value)
                                      {
                                       var product_id = value.pais +'-'+ value.servicio +'-'+ value.denominacion;
                                         
                                        var url = '{{ route("viewAlarmasConfDestinatarios.index", ":id") }}';
                                         
                                        url = url.replace(':id',product_id);

                                        
                                        console.log(url);
                                        if($.trim(value.vigente) == '1')
                                        {
                                          
                                          console.log('ACTIVO');
                                          value.vigente='<button type="button" class="btn btn-success btn-xs" id="'+ value.pais +'-'+ value.servicio +'-'+ value.denominacion+'">Activa</button>' ;
                                        }  
                                        if($.trim(value.vigente) == '0')
                                        {
                                          value.vigente='<button type="button" class="btn btn-xs" id="'+ value.pais +'-'+ value.servicio +'-'+ value.denominacion+'"> Desactivada</button>' ;
                                        }  
                                        if($.trim(value.pais) == '1')
                                        {
                                          value.pais='AR';
                                        } 
                                        if($.trim(value.pais) == '2')
                                        {
                                          value.pais='UY';
                                        }  
                                        if($.trim(value.pais) == '3')
                                        {
                                          value.pais='PY';
                                        }  
                                        var data = {
                                              "_token": $('#token').val()
                                          };
                                        var urlparm=value.pais +'-'+ value.servicio +'-'+ value.denominacion;
                                        console.log(urlparm);

                              trHTML += '<tr id="fila"><td>' + value.pais + '</td><td>' + value.servicio + '</td><td>' + value.denominacion + '</td><td>' + value.descripcion + '</td><td>' + value.vigente + '</td><td>' + '<button type="button"  class="btn btn-danger btn-xs delete" id="'+ value.pais +'-'+ value.servicio +'-'+ value.denominacion+'"> Eliminar</button>&nbsp' + '<button type="button" class="btn btn-warning btn-xs" id="'+ value.pais +'-'+ value.servicio +'-'+ value.denominacion+'"> Modificar</button>' + '</td><td>' + '<button type="button" class="btn btn-info btn-xs info"" id="'+ value.pais +'-'+ value.servicio +'-'+ value.denominacion+'" onclick="'+url+'">Cargar</button>' + '</td></tr>';
                                });
 
                                
                                $('#locationA').append(trHTML);
                              }
                  
                     }

                 

                    }); 



        }


route:Route::get('/AlarmaConfDestinatarios/{denominacion?}', 'alarmasController@viewAlarmasConfDestinatarios')->name('viewAlarmasConfDestinatarios.index');[enter image description here][1]


  [1]: https://i.stack.imgur.com/jf5Ii.png