Tengo una situación en la que tengo que hacer que la URL sea amigable en un sitio web basado en Totally ajax. Lo que estoy haciendo en realidad es que tengo el archivo index.php y solo tengo div de id #content-container. Por otro lado, hice archivos de inclusión separados, es decir, Home.php About.php Contact.php. Por defecto index.php parece
Índice.php
<body> <div id="content-container"> <?php include 'Home.php'; ?> </div> </body>Suponga que hay una barra de navegación que hice una llamada ajax de acuerdo con el menú en la barra de navegación para hacer clic en algo como esto
<script src="../Apparel/Js/jquery.js"></script> <script> const content = url => { $.ajax({ url: url, success: function(data) { $('#content-container').html(data); } }) } if (Menu Clicked == 'Home') { content('Home.php'); } else if (Menu Clicked == 'About') { content('About.php') } if (Menu Clicked == 'Contact') { content('Contact.php') }El propósito de hacer esto para hacer que el sitio web sea algo así como una aplicación de una sola página. Sé que esto se haría fácilmente usando React Angular, pero quiero usar ajax de esta manera para asegurarme de cómo funcionará esta estrategia para aclarar mi concepto.
Ahora, el problema que quiero resaltar es hacer URL amigables para este tipo de trabajo. Por favor, alguien hágame saber si hay alguna manera en la que pueda hacer que la URL sea compatible con este escenario. Si dentro del contenedor de contenido hay un contenido de about.php, entonces la URL debería ser así localhost/myApp/about.php igual que cuando se escribe manualmente la URL localhost/myApp/Contact.php, debería abrir Contact.php
Dentro del contenedor de contenido en lugar de abrir solo su contenido. Quiero la funcionalidad de la etiqueta de anclaje pero para evitar la actualización de la página
Puede lograr esto al tener un solo script PHP llamado por ajax, pasando el tipo de solicitud (inicio, acerca de, contacto, etc.) como parámetro, por ejemplo, usando get "https://example.php?type=home", luego en ejemplo.php examina los contenidos de tipo y genera el html apropiado.