Προσθήκη σε Query String με JavaScript

[Morgul]

Επειδή κάποιος ρώτησε πώς γίνεται αυτό, να μια γρήγορη (αλλά κάπως άκομψη) λύση:

function addQueryString(linkId, tids){
    var el = document.getElementById(linkId);
    var qsa = tids.join(',');
    if (el) {
       var href = el.attributes['href'].value;
       // Adjust the HREF attribute.
       if (href.indexOf('?') < 0) {
           // Simple: just add a QS
           href = href + '?something=' + qsa;
       } else {
           // QS exists, update.
           if (href.indexOf('something=') < 0) {
               // Something doesn't exist, add it.
               href = href + '&something=' + qsa;
           } else {
               // Something exists, add to it.
               href = href.replace(/something=/, 'something=' + qsa + ',');
           }
       }
       el.attributes['href'].value = href;
    }
}

Η συνάρτηση βρίσκει το DOM node με ID linkId, και αλλάζει το href attribute του προσθέτοντας τις comma-separated τιμές του array tids στο Query String, κάτω από το κλειδί «something».

Πχ, αν έχουμε το εξής DOM node:

< a id="foo" href="http://www.acrobase.gr/find_users.php?something=A">...< /a>

Και εκτελέσουμε αυτό:

addQueryString('foo', ['H', 'I', 'Q', 1, 2, 4, 42]);

Θα αλλάξουμε το node σε:

< a id="foo" href="http://www.acrobase.gr/find_users.php?something=H,I,Q,1,2,4,42,A">...< /a>

Μέρος της ασχήμιας της συνάρτησης (πέρα απ'το ότι είναι γραμμένη σε JavaScript) είναι το ότι ξέρει τι να κάνει σε περιπτώσεις που το href δεν έχει query string, ή σε περιπτώσεις που το something λείπει τελείως (αλλά υπάρχει query string).

Το «something» είναι hardwired στη συνάρτηση· μπορείτε να το αλλάξετε σε κάτι άλλο, πχ, startswith, add, rem, exclude, κλπ.

[avel]

Αυτό το jquery plugin παρέχει ένα "query" object, ίσως να είναι πιο κομψό, και σίγουρα παρέχει περισσότερες functions.

Ορίστε και μία σχετική ερώτηση στο Stack Overflow. Εξαιρετικό site αυτό το Stack Overflow, btw.

[Morgul]

Α ναι, ξέχασα να αναφέρω ότι η συγκεκριμένη ερώτηση ζητούσε λύση συγκεκριμένα χωρίς jQuery, Prototype ή άλλο toolkit. Και η χύμα JavaScript είναι τόσο βρώμικη...

[Morgul]

Πάντως με jQuery και Prototype κλπ, η πίκρα της JavaScript περιορίζεται τόσο πολύ που αρχίζεις να νομίζεις ότι είναι μια χαρά γλώσσα τελικά. Φυσικά χρειάζεσαι και FireBug, αλλιώς δε σε σώζει τίποτα.

[avel]

Αρχική Δημοσίευση από Morgul Πάντως με jQuery και Prototype κλπ, η πίκρα της JavaScript περιορίζεται τόσο πολύ που αρχίζεις να νομίζεις ότι είναι μια χαρά γλώσσα τελικά.

Περιορίζονται σίγουρα πολύ τα browser inconsistencies που είναι συχνά μεγάλος πονοκέφαλος, και πράγματα όπως το XHR, τα events ή το DOM manipulation με selectors γίνεται παιχνιδάκι.

Επίσης βοηθάνε τρομερά οι διάφορες βιβλιοθήκες που παρέχουν widgets, animations κ.λπ. (jqueryUI, jquerymobile, YUI και εκατοντάδες άλλες)

Κατά τ'άλλα, ωστόσο, η Javascript είναι μια χαρά γλώσσα. Έχει ένα θέμα με την classes / object oriented κατεύθυνση που πήγαν να της δώσουν, αλλά έτσι και εμπεδώσεις την prototypical φύση της, θα την αγαπήσεις[1].

[1] Καλά, ίσως όχι εσύ[2] συγκεκριμένα, αλλά ο μέσος προγραμματιστής οποιασδήποτε άλλης γλώσσας ή περιβάλλοντος.

[2] Τα θυμάμαι τα βίτσια σου με κάτι LISP και τέτοια, γι'αυτό το λέω.