Home / Questions / 133364
Accepted
Juan Pinzón
Asked: 2020-01-25 06:17:04 +0800 CST 2020-01-25 06:17:04 +0800 CST

Reload the same URL with a different hash (fragment)

  • 772

In the response to an AJAX call:

$.ajax({
          type: "POST",
          dataType: 'json',
          data: {
                  'descripcion': descripcion
                },
          url: "<?php echo site_url();?>"+"admin",
          success : function(data) {
            console.log(data);
            if (data == "1") {
              swal(
                    'Correcto!',
                    'Grupo agregado correctamente!',
                    'success'
                  ).then(function () {
                    $('#add').modal('close');
                    document.location.href = "test#tab1";
                  })
            }else if (data == "2") {
              swal(
                    'Error!',
                    'Ha ocurrido un error, contacte al administrador!',
                    'error'
                  )
            }else if (data == "0") {
              swal(
                    'Error!',
                    'Todos los campos son obligatorios!',
                    'error'
                  )
            }
          }
      });

I want to reload the page (same URL), but with a #different (hash or fragment). The problem I have is in the line:

document.location.href = "test#tab1";

Since it doesn't work, that is, it doesn't reload the page in the #tab1.

If I remove it , it #tab1works normally, but it stays at the top of the page and does not go to that element.

How could I fix this?

javascript

1 Answers

  1. Best Answer

    The browser realizes it's the same page, so it doesn't try to reload it, it just looks for the #tab1within the current page.

    For it to cool down, you have to change the #tab1and force it withlocation.reload(true)

    location.hash = 'tab1';
location.reload(true);
    • 5