Skip to main content

¿Cómo mejorar la vista enviando data a ajax?

JS:

$(document).ready(function () {
  $('#refresh-TE').on('click', function () {
      verModal(true);

      var $btn, respuesta = $('#form-te-refresh #resultado-te');
      var form = $('#form-te-refresh').serializeArray();

      // Limpieza del div que contiene las respuestas
      // devueltas por el back-end
      respuesta.removeAttr('class').empty();

      $.ajax({
          type: 'POST',
          headers: {
              'Content-Type': 'application/x-www-form-urlencoded'
          },
          url: '/usuarios/refresh',
          data: form,
          dataType: 'json',
          cache:    true,
          success: function (resultado) {
              if (resultado.success) {
                  setTimeout(refrescarPantalla, 2000);
              }

              $btn.button('reset');
          },
          beforeSend: function () {
              $btn = $('#refresh-TE').button('loading');
          }
      });

      return false;
  });
});

HTML:

@if ((Auth::user()->hasRole("admin") || Auth::user()->hasRole("superadmin")) && $persona->getDiffInWeeks() > 1)
  <p>
    {!! Form::open(array('method' => 'POST', 'class' => 'form form-inline', 'name' => 'form-te-refresh', 'id' => 'form-te-refresh')) !!}
      {!! Form::hidden('cedula', $persona->cedula) !!}
      {!! Form::hidden('refresh', '1') !!}

      <div class="form-group">
        <button type="button" id="refresh-TE" data-loading-text="Loading..." data-url class="btn btn-success btn-sm" autocomplete="off">
          <i class="fa fa-refresh" aria-hidden="true"></i> Refrescar información
        </button>
      </div>
    {!! Form::close() !!}
  </p>
@endif

@if ((Auth::user()->hasRole("admin") || Auth::user()->hasRole("superadmin")))
  <p>
    {!! Form::open(array('method' => 'POST', 'class' => 'form form-inline', 'name' => 'form-te-delete', 'id' => 'form-te-delete')) !!}
      {!! Form::hidden('cedula', $persona->cedula) !!}
      {!! Form::hidden('delete', '1') !!}

      <div class="form-group">
        <button type="button" id="delete-TE" data-loading-text="Loading..." class="btn btn-success btn-sm" autocomplete="off">
          <i class="fa fa-refresh" aria-hidden="true"></i> Refrescar información
        </button>
      </div>
    {!! Form::close() !!}
  </p>
@endif

Estoy intentando crear dos botones, uno es para eliminar un registro que tenga más de un mes registrado y el otro puede ser de inmediato, ambos tienen que limpiarse el caché.

Lo que tengo actualmente funciona, es poder eliminar un registro y limpiar el cache de inmediato, pero me gustaría mejorar el código en ajax y la vista para que ambos funcionen como he mencionado anteriormente.