Olá!
Estou criando um forms tipo ‘hidden’ dentro da minha página, e usando AJAX para enviar as respostas ao meu script Google, que alimenta um Sheets com essas respostas.
Google Script link:
https://script.google.com/home/projects/1lEMTZz1a0nu-HwO7qXHlBixNIKxh54xA19RRQY59_FWlre2hqOjV5DO_/edit
O botão ‘Finalizar’ inicia as requisições AJAX.
%%=v(@email_address)=%%, por exemplo, é uma variável recebida pela página via Salesforce, com notação própria.
<form id='respostas'>
<input type="hidden" name="email_buyer" value="%%=v(@email_address)=%%">
<input type="hidden" name="nota" value="%%=v(@nota)=%%">
<input type="hidden" name="buyer_name" value="%%=v(@first_name)=%%">
<div class="button-wrapper" style=" display: flex; justify-content: center;">
<button style="background-color:#588e8f"type="submit" class="mt-25" id="submit-form">
Finalizar
</button>
</div>
</form>
As requisições são enviadas ao script Google usando ‘GET’
$("form#respostas").submit(function(event) {
var $form = $('form#respostas');
request = $.ajax({
url: "https://script.google.com/a/macros/mobly.com.br/s/AKfycbyxmoJMS2UerY_sqiTuSLX5a7EO8G_NNb7Jb4aS4eo8DHCKVDG_YMqliIIrIFhrlXf-/exec?callback=?",
type: "get",
crossDomain: true,
datatype: "jsonp",
headers: {
"accept": "*/*",
"cookie": "",
'Access-Control-Allow-Origin': '*',
},
data: $form.serialize(),
success: () => {
console.log('Sucesso.');
}
});
request.done(function (response, textStatus, jqXHR){
console.log(JSON.stringify(response));
alert("Obrigado pela resposta! Você já pode sair desta página");
});
request.fail(function (response, textStatus, jqXHR){
console.log(response,'######',textStatus,'#######',jqXHR)
alert("fail");
});
event.preventDefault();
//return false;
});
Clicando no botão ‘Finalizar’, recebo o alerta de falha.
Inspecionando a página encontrei o erro Refused to set unsafe header “cookie”.
Alguém sabe dizer o que está errado no código, ou o que poderia estar faltando?
Nunca vi esse erro antes.
Obrigado!!