Hinzufügen von Parametern zu Links auf der Seite mit Jquery

Question

Wie füge ich, sagen wir, etwas hinzu wie ajax=1 zu allen Links auf meiner Seite mit Jquery. Ich muss auch prüfen, ob die URL vorhandene Parameter hat. zum Beispiel http://example.com/index.php?pl=132 werden müssen http://example.com/index.php?pl=132&ajax=1

Auch wenn der Link keine Parameter hat, zum Beispiel http://example.com/index.php wird es zu http://example.com/index.php?ajax=1 Ich möchte das jQuery-Skript auf Dokument bereit zu laden, so dass alle Links auf Seite laden geändert werden.

Answer 1

Sie könnten etwa so vorgehen:

$(function() {
   $("a").attr('href', function(i, h) {
     return h + (h.indexOf('?') != -1 ? "&ajax=1" : "?ajax=1");
   });
});

Auf document.ready Dies betrachtet jeden <a> schaut auf seine href, wenn sie enthält ? Schon wird angehängt &ajax=1 wenn nicht, wird angehängt ?ajax=1 .

Answer 2

Zum Beispiel so:

$(function() {
    $('a[href]').attr('href', function(index, href) {
        var param = "key=value";

        if (href.charAt(href.length - 1) === '?') //Very unlikely
            return href + param;
        else if (href.indexOf('?') > 0)
            return href + '&' + param;
        else
            return href + '?' + param;
    });
})

Answer 3

Hier ist eine Lösung, die ich für natives Javascript zusammengestellt habe, sie unterstützt vorhandene Abfragezeichenfolgen und Anker:

function addToQueryString(url, key, value) {
    var query = url.indexOf('?');
    var anchor = url.indexOf('#');
    if (query == url.length - 1) {
        // Strip any ? on the end of the URL
        url = url.substring(0, query);
        query = -1;
    }
    return (anchor > 0 ? url.substring(0, anchor) : url)
         + (query > 0 ? "&" + key + "=" + value : "?" + key + "=" + value)
         + (anchor > 0 ? url.substring(anchor) : "");
}

Ich habe meine bestehenden Tests auf JSBin veröffentlicht: http://jsbin.com/otapem/2/

Answer 4

Wenn Sie an Plugins interessiert sind, gibt es die jQuery Abfrage String Objekt . Dies ermöglicht Ihnen eine einfache Überprüfung der Parameter im Querystring und bei Bedarf die Möglichkeit, weitere hinzuzufügen, einige zu entfernen oder andere zu bearbeiten.

Answer 5

Unter Berücksichtigung der obigen Ausführungen ist dies der beste Weg, um Parameter mit Links zu verknüpfen.

Vermeiden Sie auch Links mit href wie href="Javascript:IhreFunktion();".

$(function(){                                      
   var myRandom = getRandom();       
   $('a[href]').each(function(i){
        var currHref = $(this).attr("href");
        var isAfunction = currHref.substring(0,10);              
        if(isAfunction == "javascript"){                
            $(this).attr("href",currHref);
        }else{
            if (currHref.charAt(currHref.length - 1) === '?')                           
                $(this).attr("href",currHref);
            else if (currHref.indexOf('?') > 0)                
                $(this).attr("href",currHref+"&rand="+getRandom());
            else                  
                $(this).attr("href",currHref+"?rand="+getRandom());
        }
   });               
});
function getRandom(){
    var randomnumber = Math.floor(Math.random()*10000); 
    return randomnumber;
}