Wiki source code of 25.06
Version 8.1 by marissadiazpier on 2023/06/25 18:06
Show last authors
author | version | line-number | content |
---|---|---|---|
1 | {{html}} | ||
2 | <!DOCTYPE html> | ||
3 | <html> | ||
4 | <head> | ||
5 | <title>Encuesta</title> | ||
6 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> | ||
7 | </head> | ||
8 | <body> | ||
9 | <h1>Encuesta</h1> | ||
10 | |||
11 | <!-- Formulario de la encuesta --> | ||
12 | <form id="survey-form"> | ||
13 | <label> | ||
14 | <input type="radio" name="option" value="option1"> Opción 1 | ||
15 | </label> | ||
16 | <label> | ||
17 | <input type="radio" name="option" value="option2"> Opción 2 | ||
18 | </label> | ||
19 | <label> | ||
20 | <input type="radio" name="option" value="option3"> Opción 3 | ||
21 | </label> | ||
22 | <input type="submit" value="Enviar"> | ||
23 | </form> | ||
24 | |||
25 | <script> | ||
26 | document.getElementById('survey-form').addEventListener('submit', function(event) { | ||
27 | event.preventDefault(); | ||
28 | |||
29 | var selectedOption = document.querySelector('input[name="option"]:checked').value; | ||
30 | var results = "Has seleccionado: " + selectedOption; | ||
31 | |||
32 | // Realizar una solicitud AJAX al servidor para guardar los datos en el archivo en la nube | ||
33 | $.ajax({ | ||
34 | url: 'https://drive.ebrains.eu/smart-link/2052546c-45e8-4d51-847a-fa421a62e57b/', // Reemplaza con la ruta y nombre de tu archivo en la nube | ||
35 | type: 'POST', | ||
36 | data: results, | ||
37 | success: function(response) { | ||
38 | alert('Datos guardados exitosamente en el archivo en la nube.'); | ||
39 | }, | ||
40 | error: function(xhr, status, error) { | ||
41 | console.error(error); | ||
42 | alert('Error al guardar los datos en el archivo en la nube.'); | ||
43 | } | ||
44 | }); | ||
45 | }); | ||
46 | </script> | ||
47 | </body> | ||
48 | </html> | ||
49 | |||
50 | {{/html}} |