Datatables - cách chuyển thông số tìm kiếm vào url

Question

Tôi muốn có thể tạo liên kết đến một trang có dữ liệu có thể định giá sẽ chuyển giá trị thông số tìm kiếm trong url. Mục tiêu là để có trang có dữ liệu mở được lọc trước với tham số giá trị tìm kiếm.

Tôi đã thiết lập một jsfiddle để làm việc với một số dữ liệu mẫu.
http://jsfiddle.net/lbriquet/9CxYT/10/

Ý tưởng sẽ được để thêm một tham số url jsfiddle để trang sẽ hiển thị với các giá trị đầu vào tìm kiếm thiết lập để "firefox", ví dụ, và bảng lọc để chỉ hiển thị các trận đấu tìm kiếm.

Mọi trợ giúp sẽ thực sự được đánh giá cao !!

Answer 1

Bạn có thể chỉ cần have a function that reads your URL var rồi lọc bảng. Tôi tưởng tượng rằng bạn vượt qua q = Firefox như tìm kiếm của bạn

// 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 đây http://fiddle.jshell.net/9CxYT/17/show/?q=Firefox

Answer 2

Đây là một câu hỏi cũ, nhưng nó vẫn bật lên cao khi tìm kiếm một giải pháp. Đây là những gì tôi đã làm để làm cho nó hoạt động.

$(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=')) 
 
\t \t     .split('&')[0] 
 
\t \t     .split('=')[1]; 
 
    
 
    
 
    $('#example').dataTable({ 
 
    "oSearch": { "sSearch": searchString } 
 
    }); 
 
})