por - Tablas de datos: cómo pasar el parámetro de búsqueda en una URL

parametros url

Question

Me gustaría poder hacer un enlace a una página con una tabla de datos que pasaría un valor de parámetro de búsqueda en la url. El objetivo es tener la página con la tabla de datos abierta previamente filtrada con el parámetro de valor de búsqueda.

Configuré un jsfiddle para trabajar con algunos datos de muestra.
http://jsfiddle.net/lbriquet/9CxYT/10/

La idea sería agregar un parámetro a la url jsfiddle para que la página se muestre con el valor de entrada de búsqueda establecido en "firefox", por ejemplo, y la tabla filtrada para mostrar solo las coincidencias de búsqueda.

¡Cualquier ayuda sería realmente apreciada!

Answer 1

Simplemente podría tener una función que lea su URL var y luego filtre la tabla. Imagino que pasas q = Firefox como tu búsqueda

// Read a page''s GET URL variables and return them as an associative array.
function getUrlVars()
{
 var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;

}

$(document).ready(function() {
    // Get the query from the url
    var query = getUrlVars()[''q''];
    // create the table
    var oTable = $(''#example'').dataTable();
    // Filter it
    oTable.fnFilter( query, 2 );
});

Fiddle aquí http://fiddle.jshell.net/9CxYT/17/show/?q=Firefox

Answer 2

Esta es una vieja pregunta, pero aún aparece alta cuando se busca una solución. Esto es lo que hice para que funcione.

$(document).ready( function() {
  
  // First, get the search parameter. Here I use example.com#search=yourkeyword
    var searchHash = location.hash.substr(1),
        searchString = searchHash.substr(searchHash.indexOf(''search=''))
                    .split(''&'')[0]
                    .split(''='')[1];
  
  
  $(''#example'').dataTable( {
    "oSearch": { "sSearch": searchString }
  } );
} )