¿Cómo retener caracteres especiales en la solicitud de URL del enrutador ExpressJS?

Hay algunos caracteres especiales que podrían usarse para otras cosas en lugar de solo mostrarse en la URL. Si queremos usar los caracteres especiales en la URL, debemos codificarlos. La siguiente tabla muestra el valor codificado de cada carácter especial.

También podemos usar un método llamado encodeURIComponent(“a+b!c+d”)

Configuración del entorno y ejecución:

Interfaz:

Paso 1: cree un archivo HTML y pegue el siguiente código para la interfaz de usuario.

índice.html

<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <h2>Welcome To GFG</h2>
        <input id="inp" type="text">
        <button onclick="encode()">Go To</button>
  
        <script src="./app.js"></script>
    </body>
</html>

Paso 2: crea un archivo JS y pega el siguiente código.

JavaScript

let encode =() => {
    let input = document.getElementById('inp');
    let url = input.value;
      
    url = encodeURIComponent(url);
      
    window.location.href = `http://localhost:5000/search?key=${url}`;
}

Salida: Ejecute el archivo index.html y la salida será

Back-End:

Paso 1: inicializar el proyecto node.js
```
npm init
```
Paso 2: instale los módulos necesarios
```
npm install express
```

Paso 3: código en el archivo index.js

índice.js

const express = require("express");
  
const app = express();
  
// Start server on port 5000
app.listen(5000,() => {
  console.log(`Server is up and running on 5000 ...`);
});
  
app.get("/search", (req, res) => {
    res.send(req.query.key);
  
});

Paso 4: Ejecute el Node del servidor index.js.

Producción:

Usuario puttong enviando el valor:
Después de obtener el valor:

Publicación traducida automáticamente

Artículo escrito por pratikraut0000 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

índice.html

JavaScript

índice.js

Deja una respuesta Cancelar la respuesta