Implementing dynamic URLs using static routing in Express

Question

Implementing dynamic URLs using static routing in Express

I'm looking for a way to render a page statically in Express that involves using a dynamic URL.

For example,

In my forum, users create posts and each post has its unique URL that shows the post when clicked:

localhost:8080/posts/postNumber

Currently, I have a static HTML page at localhost:8080/posts/.

I want the dynamic links that users click to display the content of the static page at localhost:8080/posts/, but still show the original dynamic URL localhost:8080/posts/postNumber, so I can use the post number with an AJAX request.

Is there a way to achieve this without resorting to dynamic rendering as I am attempting?

javascript ajax express routes

Answer 1

Answer №1

If you need to define URL parameters, you can do it in the following way:

app.get('/posts/:postNumber/', function (req, res) {
   // Here you can work with req.params that will hold
   // {postNumer: yourValue}

    var options = {
        root: __dirname + '/public/',
        dotfiles: 'deny',
        headers: {
          'x-timestamp': Date.now(),
          // any other needed headers
        }
    };

    var fileName = 'staticFileName';
    res.sendFile(fileName, options, function (err) {
       if (err) {
         next(err);
       } else {
         console.log('Sent:', fileName);
       }
    })
})

This code snippet will correspond to /posts/[anything_you_want] and transmit the specified filename fileName from the directory set in the options. This information is sourced from the express 4 documentation available at: http://expressjs.com/en/api.html#res.sendFile

Answer 2

If you need to define URL parameters, you can do it in the following way:

app.get('/posts/:postNumber/', function (req, res) {
   // Here you can work with req.params that will hold
   // {postNumer: yourValue}

    var options = {
        root: __dirname + '/public/',
        dotfiles: 'deny',
        headers: {
          'x-timestamp': Date.now(),
          // any other needed headers
        }
    };

    var fileName = 'staticFileName';
    res.sendFile(fileName, options, function (err) {
       if (err) {
         next(err);
       } else {
         console.log('Sent:', fileName);
       }
    })
})

This code snippet will correspond to /posts/[anything_you_want] and transmit the specified filename fileName from the directory set in the options. This information is sourced from the express 4 documentation available at: http://expressjs.com/en/api.html#res.sendFile

Implementing dynamic URLs using static routing in Express

Answer №1

Similar questions

Error: AJAX requesting page not listed in manifest

Can you explain the process of utilizing a JavaScript function that has been fetched via Ajax

PHP code cannot be outputted to JavaScript due to a syntax error

Don't forget to save the toggleClass state to local storage in jQuery so it persists after

Steps to troubleshoot the TypeError: cv.Mat is not a constructor in opencv.js issue

Error with JSON data from the Twitch TV API

dynamic text overlay on a bootstrap carousel

Oops! An error occurred while trying to find the _mongodb._tcp.blog-cluster-0hb5z.mongodb.net. Please check your query settings and try again

What is the method for transmitting a message from localhost to a React frontend?

Error: Mongoose Schema Undefined when Route is Added in Separate File

Having trouble with a peculiar for_of loop issue in Node.js: struggling to iterate correctly

What is the method to set precise values on a range slider?

Retrieve error messages from the controller using Ajax and send them back as JSON

IE9 experiences difficulty with Ajax-based authentication

Passing an object in Vue.js during a redirect

Post the information from a webpage onto your Instagram story

Exploring AngularJS's Unique Features: Isolated Scope and Controller Connection

Transform static borders into mesmerizing animations by changing the solid lines to dotted lines using CSS

What is the method to determine the index of a removed element within a subarray?

Searching and paginating through custom post types using an ajax call with $wpdb