Wie Abfragestring Parameter und Werte mit Javascript (Jquery) abrufen?

Question

Klick mich

$('.clickme').click(function(event) { 
event.preventDefault(); 
var stringId = $(this).attr("id"); 
    var mId = stringId.substring(2) 
.... 

ich den Wert von id abrufen ID des Ankerelement verwendet wird. Ich denke, ich sollte es direkt von href bekommen können. Wie kann ich den Wert von ID und Status von HREF (URL-Abfragezeichenfolge) abrufen?

Ich benutze Jquery.

Vielen Dank für Ihre Hilfe.

UPDATE: Auch wie bekomme ich alle URL-Wert .. d. H. "Test.php? Id = 100 & bla = blah"?

Answer 1

Dieser Code:

function querySt(ji) { 
    hu = $(".clickme").attr("href"); 
    gy = hu.split("&"); 
    for (i=0;i<gy.length;i++) { 
     ft = gy[i].split("="); 
     if (ft[0] == ji) { 
      return ft[1]; 
     } 
    } 
} 

es zu benutzen:

document.write(querySt("id")); 
document.write(querySt("status")); 

Antwort auf Ihre 'update':

http://ilovethecode.com/Javascript/Javascript-Tutorials-How_To-Easy/Get_Query_String_Using_Javascript.shtml

Answer 2

var stringId = $(this).attr("id"); // this will return p_100 
var stringId = $(this).attr("id").split('_')[1]; // this will return 100 

var attr= $(this).attr("href"); // this will return all href attribute value 

UPDATE

//href="test.php?id=100&status=pending&time=2009" 
var attrFromAnchor= $(this).attr("href").split('?')[1].split('&')[0].split('=')[1]; // returns 100 

Answer 3

Es gibt viele gute Lösungen hier aber ich dachte, ich meine eigene Post würde. Hier ist eine kurze, kleine Funktion, die ich zusammengestellt habe, die eine Abfrage-Zeichenfolge im Format von entweder window.location.search oder von einem bereitgestellten Suchzeichenfolge-Wert analysieren wird;

Es eine Hash-ID-Wert-Paare gibt, so dass Sie es in Form von Referenz könnten:

var values = getQueryParams(); 
values['id'] 
values['blah'] 

Hier ist der Code:

/* 
This function assumes that the query string provided will 
contain a ? character before the query string itself. 
It will not work if the ? is not present. 

In addition, sites which don't use ? to delimit the start of the query string 
(ie. Google) won't work properly with this script. 
*/ 
function getQueryParams(val) { 
    //Use the window.location.search if we don't have a val. 
    var query = val || window.location.search; 
    query = query.split('?')[1] 
    var pairs = query.split('&'); 
    var retval = {}; 
    var check = []; 
    for(var i = 0; i < pairs.length; i++) { 
     check = pairs[i].split('='); 
     retval[decodeURIComponent(check[0])] = decodeURIComponent(check[1]); 
    } 

    return retval; 
} 

Um den Wert des Abfrage-String aus der get URL ohne String-Parsing können Sie tun:

window.location.search.substr(1) 

Wenn Sie den Namen der Seite vor der? Sie müssen noch ein wenig String-Parsing tun:

var path = window.location.pathname.replace(/^.*\/(.*)$/,'$1'); 
var query = path + window.location.search; 
//If your URL is http://www.myserver.com/some/long/path/big_long%20file.php?some=file&equals=me 
//you will get: big_long%20file.php?some=file&equals=me 

hoffe, das hilft! Prost.

Answer 4

Hier ist eine kurze (noch vollständig) Implementierung für alle Name/Wert-Paare aus einer Abfrage-String bekommen:

function getQueryParams(qs) { 
    qs = qs.split("+").join(" "); 
    var params = {}; 
    var tokens; 

    while (tokens = /[?&]?([^=]+)=([^&]*)/g.exec(qs)) { 
     params[decodeURIComponent(tokens[1])] 
      = decodeURIComponent(tokens[2]); 
    } 

    return params; 
} 

//var query = getQueryParams(document.location.search); 
//alert(query.foo); 

Answer 5

Keine Notwendigkeit für jQuery, diese Lösung auf allen Browsern funktioniert:

function querySt(ji) 
{ 
    hu = window.location.search.substring(1); 
    gy = hu.split("&"); 
    for (i=0;i<gy.length;i++) { 
    ft = gy[i].split("="); 
    if (ft[0] == ji) { 
    return ft[1]; 
    } 
    } 
    return ""; 
} 

Answer 6

Antworten hier sind veraltet jetzt.

Sehen Sie diese Lösung Vanilla JavaScript (ES5)

var qd = {}; // qd stands for query dict 
document.getElementById("p_100")[0].href.split("?")[1].split("&").forEach(function(item) {var k = item.split("=")[0], v = decodeURIComponent(item.split("=")[1]); (k in qd) ? qd[k].push(v) : qd[k] = [v,]}) 

Ich mag mit oneliner, es so zu tun, aber mir wurde gesagt, es ist nicht. hmm ... Wer würde die verketteten Funktionsaufrufe auf neue Zeilen aufteilen, oder?

Beispiel:

"test.php?id=100&status=pending&time=2009" 
> qd 
id: ["100"] 
status: ["pending"] 
time: ["2009"] 

// values can also be obtained like this 
> qd.id[0] // "100" 
> qd["id"][0] // "100" 

* Es gibt Arrays, weil es für mehrwertig Schlüssel optimiert ist. Suchen Sie here für Dummy Lösungen (ohne Arrays).

Anmerkung: zu lehren alte Browser die neuen .forEach Sie this polyfill von Mozilla (MDN) injizieren können.