Recién se agregó el enlace al código usado para la aplicación web creada usando Google Apps Script. Ese código tiene varios problemas
- Usa un método deprecado (obsoleto), específicamente UiApp.
- No incluye devolver una respuesta ni en caso de éxito (success) ni en caso de falla (failure).
En lugar de ese ejemplo, mejor usar este otro https://gist.github.com/mhawksey/1276293. Nótese que este incluye el uso de ContentService para crear las respuestas tanto para el caso de éxito como de falla.
try{
// ...
// return json success results
return ContentService
.createTextOutput(JSON.stringify({"result":"success", "row": nextRow}))
.setMimeType(ContentService.MimeType.JSON);
} catch(e){
// if error return this
return ContentService
.createTextOutput(JSON.stringify({"result":"error", "error": e}))
.setMimeType(ContentService.MimeType.JSON);
}
A continuación un ejemplo
$( "#formulario" ).submit(function( event ) {
event.preventDefault();
$.ajax({
type: "POST",
url: "https://script.google.com/macros/s/AKfycbzhZaMeboekcH7VxNBh2lS-wYyKb07je2hqsKIl_HKFTiASNJUb/exec",
data: '',
success: function(){
alert( "Gracias" );
$(document.body).html("Se dieron las gracias");
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<form id="formulario">
<input type="submit">
</form>
Código de la aplicación web llamada por el código previo
function doPost(e) {
try {
// Hacer algo
var nextRow = 1;
// devolver JSON éxito (success)
return ContentService
.createTextOutput(JSON.stringify({"result":"success", "row": nextRow}))
.setMimeType(ContentService.MimeType.JSON);
} catch(e){
// en caso de error devolver esto
return ContentService
.createTextOutput(JSON.stringify({"result":"error", "error": e}))
.setMimeType(ContentService.MimeType.JSON);
} finally {
// En cualquier caso, terminar realizando lo siguiente
}
}
La pregunta se puede simplificar a
¿Cómo hacer que el formulario de la respuesta que yo quiero al usuario?
Para fines de simplicidad, digamos que "lo que yo quiero" es mostrar una alerta y escribir un mensaje en la página.
La forma básica de especificar lo que se debe hacer al enviar un formulario, es a través del atributo onsubmit
. En este puedes colocar el código JavaScript
<form id="formulario" onsubmit="window.alert('Gracias'); document.write('Se dieron las gracias')">
<input type="submit"/>
</form>
Si decides que todo se controle a través de un script, entonces pon onsubmit="miScript"
function miScript() {
window.alert('Gracias'); document.write('Se dieron las gracias');
}
<form id="formulario" action="" onsubmit="miScript()" >
<input type="submit"/>
</form>
A continuación lo mismo, pero usando jQuery, en el cual se debe incluir preventDefault
para lograr lo que se está buscando.
$( "#formulario" ).submit(function( event ) {
event.preventDefault();
alert( "Gracias" );
$(document.body).html("Se dieron las gracias");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<form id="formulario">
<input type="submit">
</form>