LE PEDI A CHAT GPT QUE ME DE UN EJEMPLO DE ajax con php html css

1.- HTML: Creamos el formulario en el archivo HTML con un campo de texto y un botón para enviar los datos mediante Ajax

2. PHP: Procesamos la solicitud y enviamos la respuesta de vuelta al archivo HTML.

.
3.- CSS: Agregamos estilos para que el formulario y la respuesta se vean bien.

En este ejemplo, cuando el usuario introduce su nombre y hace clic en el botón "Enviar", se envían los datos a través de Ajax al archivo PHP "procesar.php". Luego, el archivo PHP procesa los datos y devuelve la respuesta "Hola [nombre]! Este es un ejemplo de Ajax con PHP." que se muestra en el elemento con el id "resultado" en la página HTML sin necesidad de recargar la página.