Ufdjrw

How do you respond to a colleague from another team when they're wrongly expecting that you'll help them?

What if you are holding an Iron Flask with a demon inside and walk into Antimagic Field?

Is this toilet slogan correct usage of the English language?

On a tidally locked planet, would time be quantized?

Do the primes contain an infinite almost arithmetic progression?

Novel, Lo Tech SF/Fantasy

User Story breakdown - Technical Task + User Feature

Does malloc reserve more space while allocating memory?

Did arcade monitors have same pixel aspect ratio as TV sets?

Mixing PEX brands

How to hide some fields of struct in C?

Temporarily disable WLAN internet access for children, but allow it for adults

Mimic lecturing on blackboard, facing audience

Can I still be respawned if I die by falling off the map?

Does an advisor owe his/her student anything? Will an advisor keep a PhD student only out of pity?

Limits and Infinite Integration by Parts

Plot of a tornado-shaped surface

Angel of Condemnation - Exile creature with second ability

Quoting Keynes in a lecture

Does the UK parliament need to pass secondary legislation to accept the Article 50 extension

What if a revenant (monster) gains fire resistance?

How to explain what's wrong with this application of the chain rule?

Yosemite Fire Rings - What to Expect?

How do you make your own symbol when Detexify fails?

Express-handlebars route parameters to link to the same page

Can I use multiple versions of jQuery on the same page?Specifying a default flatiron-director route (inside element) via polymer core-pages component“Double vision” with HTML5mode, Angular with ui router and ExpressFluxible and Navlink routing errorExpress-handlebars “template merging”Can't get express-handlebars render an HTML pagere-render pug view with expresshistory.replaceState() doesn't trigger a popstate event in Firefox?Express Handlebars layout in layoutExpress-handlebars routing multiple data sets to one page

4

I have an SPA made with express-handlebars.
I need to pass route parameters in the URL so I can pick it up in the subsequent page it leads to and render the details pertaining to that parameter.
for eg.

www.sitename.com/events/1 , www.sitename.com/events/2
1 and 2 will be the event IDs which I will then use to fetch the details of that event.

I need handlebars to render the same eventdetail page for me for both routes as shown above. But it seems to break everything, and the console check showed me that it was trying to go inside a "events" folder and then trying to find all the files within and eventually throwing a 404 page as well.

These are the routes I have right now in my routes.js page.

`
router.get("/events", function(req, res, next) 
 res.render("events");
);
router.get("/eventdetail", function(req, res, next) 
 res.render("eventdetail");
);
`

How do I go about with this?

javascript express-handlebars

share|improve this question

edited Mar 7 at 6:18

Scary Terry

asked Mar 4 at 4:37

Scary TerryScary Terry

285

add a comment | 

4

I have an SPA made with express-handlebars.
I need to pass route parameters in the URL so I can pick it up in the subsequent page it leads to and render the details pertaining to that parameter.
for eg.

www.sitename.com/events/1 , www.sitename.com/events/2
1 and 2 will be the event IDs which I will then use to fetch the details of that event.

I need handlebars to render the same eventdetail page for me for both routes as shown above. But it seems to break everything, and the console check showed me that it was trying to go inside a "events" folder and then trying to find all the files within and eventually throwing a 404 page as well.

These are the routes I have right now in my routes.js page.

`
router.get("/events", function(req, res, next) 
 res.render("events");
);
router.get("/eventdetail", function(req, res, next) 
 res.render("eventdetail");
);
`

How do I go about with this?

javascript express-handlebars

share|improve this question

edited Mar 7 at 6:18

Scary Terry

asked Mar 4 at 4:37

Scary TerryScary Terry

285

add a comment | 

I have an SPA made with express-handlebars.
I need to pass route parameters in the URL so I can pick it up in the subsequent page it leads to and render the details pertaining to that parameter.
for eg.

www.sitename.com/events/1 , www.sitename.com/events/2
1 and 2 will be the event IDs which I will then use to fetch the details of that event.

I need handlebars to render the same eventdetail page for me for both routes as shown above. But it seems to break everything, and the console check showed me that it was trying to go inside a "events" folder and then trying to find all the files within and eventually throwing a 404 page as well.

These are the routes I have right now in my routes.js page.

`
router.get("/events", function(req, res, next) 
 res.render("events");
);
router.get("/eventdetail", function(req, res, next) 
 res.render("eventdetail");
);
`

How do I go about with this?

javascript express-handlebars

share|improve this question

edited Mar 7 at 6:18

Scary Terry

asked Mar 4 at 4:37

Scary TerryScary Terry

285

`
router.get("/events", function(req, res, next) 
 res.render("events");
);
router.get("/eventdetail", function(req, res, next) 
 res.render("eventdetail");
);
`

share|improve this question

edited Mar 7 at 6:18

Scary Terry

asked Mar 4 at 4:37

Scary TerryScary Terry

285

share|improve this question

edited Mar 7 at 6:18

Scary Terry

asked Mar 4 at 4:37

Scary TerryScary Terry

285

asked Mar 4 at 4:37

Scary TerryScary Terry

285

asked Mar 4 at 4:37

Scary TerryScary Terry

285

1 Answer
1

active

oldest

votes

0

You have to modify your routes to handle path param passed in url. Currently, express is looking for path which matches events/1 which is not exists in you configuration hence it's throwing 404 error.

Change your /events route to use path param like below

router.get("/events/:page", function(req, res, next) 
 // you can access page value here with 
 // req.params.page
 // for /events/1, req.params.page will return value "1"
 res.render("events");
);```

share|improve this answer

answered Mar 4 at 8:31

Vimal BeraVimal Bera

8,69731842

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  I did try this before I posted here, but this lead to the entire website breaking because now the server would try to look for all dependencies (all js and css files) in www.sitename/events/1 folder structure. Anyway, i passed the event id as a parameter in the url (www.sitename.com/eventdetail?id=1) cause that seemed to be the simplest, least complicated way of doing it.
  
  – Scary Terry
  Mar 5 at 4:57
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54976706%2fexpress-handlebars-route-parameters-to-link-to-the-same-page%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

You have to modify your routes to handle path param passed in url. Currently, express is looking for path which matches events/1 which is not exists in you configuration hence it's throwing 404 error.

Change your /events route to use path param like below

router.get("/events/:page", function(req, res, next) 
 // you can access page value here with 
 // req.params.page
 // for /events/1, req.params.page will return value "1"
 res.render("events");
);```

share|improve this answer

answered Mar 4 at 8:31

Vimal BeraVimal Bera

8,69731842

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  I did try this before I posted here, but this lead to the entire website breaking because now the server would try to look for all dependencies (all js and css files) in www.sitename/events/1 folder structure. Anyway, i passed the event id as a parameter in the url (www.sitename.com/eventdetail?id=1) cause that seemed to be the simplest, least complicated way of doing it.
  
  – Scary Terry
  Mar 5 at 4:57
  

  
  
  
  

add a comment | 

0

You have to modify your routes to handle path param passed in url. Currently, express is looking for path which matches events/1 which is not exists in you configuration hence it's throwing 404 error.

Change your /events route to use path param like below

router.get("/events/:page", function(req, res, next) 
 // you can access page value here with 
 // req.params.page
 // for /events/1, req.params.page will return value "1"
 res.render("events");
);```

share|improve this answer

answered Mar 4 at 8:31

Vimal BeraVimal Bera

8,69731842

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  I did try this before I posted here, but this lead to the entire website breaking because now the server would try to look for all dependencies (all js and css files) in www.sitename/events/1 folder structure. Anyway, i passed the event id as a parameter in the url (www.sitename.com/eventdetail?id=1) cause that seemed to be the simplest, least complicated way of doing it.
  
  – Scary Terry
  Mar 5 at 4:57
  

  
  
  
  

add a comment | 

You have to modify your routes to handle path param passed in url. Currently, express is looking for path which matches events/1 which is not exists in you configuration hence it's throwing 404 error.

Change your /events route to use path param like below

router.get("/events/:page", function(req, res, next) 
 // you can access page value here with 
 // req.params.page
 // for /events/1, req.params.page will return value "1"
 res.render("events");
);```

share|improve this answer

answered Mar 4 at 8:31

Vimal BeraVimal Bera

8,69731842

router.get("/events/:page", function(req, res, next) 
 // you can access page value here with 
 // req.params.page
 // for /events/1, req.params.page will return value "1"
 res.render("events");
);```

share|improve this answer

answered Mar 4 at 8:31

Vimal BeraVimal Bera

8,69731842

answered Mar 4 at 8:31

Vimal BeraVimal Bera

8,69731842

answered Mar 4 at 8:31

Vimal BeraVimal Bera

8,69731842