2017-10-12 2 views
-2

Je me demande comment créer une sorte d'URL personnalisé dans html5comment créer une URL personnalisée à l'aide html5

Disons que j'ai une page d'accueil appelée test.com et des livres sur une page. Ensuite, en fonction de quelle url l'utilisateur va au contenu d'un livre spécifique montre. Par exemple: test.com/book/16156161 où 16156161 est ce qui définit quel livre afficher, car onload l'identifiant 16156161 de l'URL sera utilisé pour obtenir le bon livre.

Maintenant, je pourrais avoir cette page test.com/book mais je ne sais pas comment laisser accepter une chaîne à la fin de l'URL withut obtenir un 404.

Comment cela peut-il être fait en utilisant html/javascript?

Toute aide ou contribution est très appréciée, merci!

+2

Il peut » t être fait avec html/javascript seulement, votre serveur web traite les demandes entrantes, il doit servir le même fichier html pour toutes ces demandes et seulement alors vous pouvez gérer vos différentes URL avec javascript. – Walk

+0

Ah, d'accord, merci – mattias

+1

@Walk Vous pourriez un peu feindre avec un routeur frontal comme avec le routeur d'Angular, mais il faudrait encore une configuration du serveur. Je voudrais suggérer OP choisir un cadre (comme Angular, React, ou Vue), faire des recherches sur les capacités de routage de ce cadre (comme en passant en revue https://angular.io/guide/router), faire une tentative, et revenir. – zero298

Répondre

1

$(function() { 
 
    
 
    var my_url_list = [12,42]; // your ids 
 
    
 
    $.each(my_url_list, function(index, value) { 
 
    
 
    \t \t \t var href = '<a href="https://www.book.com'+value+'">book'+value+' </a> </br>'; 
 
      
 
     $("#links").append(href); 
 
\t \t }); 
 
    
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
 
<div id="links"> 
 

 
</div>

1

Si vous êtes à l'aise avec le noeud, en utilisant le module fs vous pouvez le faire, supposant que vous avez un tableau de urls livre nommé books:

for (var i = 0; i < books.length; i++) { 
    fs.writeFile(__dirname + "/books/" + books[i], fileContent, (err) => { 
    if (err) throw err; 
    console.log("File successfully saved"); 
    }); 
}