How to add multiple query values to url

Question

I'm trying to add multiple query string values at the current url but i'm not understanding how to do it.

I'm using express and Nodejs.

I've created a route that can read the values

router.get('/posts', (req, res) => {

    Post.find({}).populate('files').exec((err, posts) => {
        if(err){
            res.redirect('/');
            console.log(err);
        } else {
            console.log(req.query)

            res.render('home');
        }
    });
});

and in the home page i've set some links that add query values

<a href="?Value1=1">Value1</a>
<a href="?Value2=2">Value2</a>
<a href="?Value3=3">Value3</a>

but each time that i click one of them the url resets the query string and add the query value of the cicked link.

So how can i concatenate them?

Le Quang · Accepted Answer · 2019-07-01 15:24:56Z

1

I have some confused with your question.

If you want your link will be /?Value1=1&value2=2&value3=3, you can use :

//script.js

let oldUrl = window.localtion;
let newUrl = oldUrl + '&value2` //and the same with value3
$('yourElement').attr('href')= newUrl; //yourElement maybe id,name,...etc

I hope it can help you !

answered Jul 1, 2019 at 15:24

Le Quang

5364 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

agtabesh · Accepted Answer · 2019-07-01 21:18:17Z

Firstly, you have to store all query string inside a variable to use them later and secondly, you need to parse current query, concatenate it with the previously stored ones and regenerate final query.

Here is an example:

const qs = require('querystring')
let queries = {}
router.get('/posts', (req, res) => {

    Post.find({}).populate('files').exec((err, posts) => {
        if(err){
            res.redirect('/');
            console.log(err);
        } else {
            queries = Object.assign({}, queries, req.query)
            // this line will log concatenated query
            console.log(qs.stringify(queries))
            res.render('home');
        }
    });
});

Note: Don't forget to install querystring module.

npm i querystring

Collectives™ on Stack Overflow

How to add multiple query values to url

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related