jquery get ciągu kwerendy z URL

Question

Powiel możliwe:
How can I get query string values?

Mam następujący adres URL:

http://www.mysite.co.uk/?location=mylocation1 

Co potrzebne jest, aby uzyskać wartość location z adres URL do zmiennej, a następnie użyj go w kodzie jQuery:

var thequerystring = "getthequerystringhere" 

$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500); 

Czy ktoś wie, jak pobrać tę wartość za pomocą JavaScript lub jQuery?

Answer 1

Od: http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html

To co trzeba :)

Poniższy kod zwróci obiekt JavaScript zawierający parametry URL:

// Read a page's GET URL variables and return them as an associative array. 
function getUrlVars() 
{ 
    var vars = [], hash; 
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); 
    for(var i = 0; i < hashes.length; i++) 
    { 
     hash = hashes[i].split('='); 
     vars.push(hash[0]); 
     vars[hash[0]] = hash[1]; 
    } 
    return vars; 
} 

Na przykład, jeśli masz URL :

http://www.example.com/?me=myValue&name2=SomeOtherValue 

Kod zostanie zwrócony:

{ 
    "me" : "myValue", 
    "name2" : "SomeOtherValue" 
} 

i można zrobić:

var me = getUrlVars()["me"]; 
var name2 = getUrlVars()["name2"]; 

Answer 2

Zapraszamy do obejrzenia tej stackoverflow answer.

function getParameterByName(name, url) { 
    if (!url) url = window.location.href; 
    name = name.replace(/[\[\]]/g, "\\$&"); 
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"), 
     results = regex.exec(url); 
    if (!results) return null; 
    if (!results[2]) return ''; 
    return decodeURIComponent(results[2].replace(/\+/g, " ")); 
} 

Można użyć metody animować:

tj:

var thequerystring = getParameterByName("location"); 
$('html,body').animate({scrollTop: $("div#" + thequerystring).offset().top}, 500); 

Answer 3

Łatwym sposobem, aby to zrobić z jakimś jQuery i prostej JS, po prostu zobaczyć konsolę w Chrome lub Firefox, aby wyświetlić wyjście ...

var queries = {}; 
    $.each(document.location.search.substr(1).split('&'),function(c,q){ 
    var i = q.split('='); 
    queries[i[0].toString()] = i[1].toString(); 
    }); 
    console.log(queries); 

Answer 4

Robimy w ten sposób ...

String.prototype.getValueByKey = function (k) { 
    var p = new RegExp('\\b' + k + '\\b', 'gi'); 
    return this.search(p) != -1 ? decodeURIComponent(this.substr(this.search(p) + k.length + 1).substr(0, this.substr(this.search(p) + k.length + 1).search(/(&|;|$)/))) : ""; 
}; 

Answer 5

location.search 

to wszystko trzeba

https://developer.mozilla.org/en-US/docs/DOM/window.location