Pasar un parámetro a una url con jquery

Los parámetros de url son muy útiles para pasar datos a aplicaciones web, hoy en día su uso se está extendiendo más gracias a NodeJS, el cual recibe estos valores como JSON, siendo posible tratar estos como un objeto. Estos parámetros se situan al final de la url y van precedidos por un signo “?”. Los parámetros contienen una cadena de clave y valor (clave=valor).

En ocasiones podemos necesitar que la url obtenga un parámetro para ejecutar algo en función de desde donde se hace la llamada, por ejemplo, una página puede estar esperando un parámetro que puede ser diferente según desde que página se ha accedido y mostrar algo en función del parámetro que recibe.

Para pasar parámetros directamente a la url en la que estamos actualmente crearemos un botón en nuestro código con un identificador (por ejemplo button) y creamos la siguiente función en nuestro archivo js (No olvidando hacer la llamada a jQuery)

$('#button').on('click', function () {
    if (history.pushState) {
      var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?param';
      window.history.pushState({path:newurl},'',newurl);
    }
});