Estou tentando enviar os dados desta página para o servidor, porém o Js não retorna a variável Mensagem...
Conheço pouco de JS e gostaria de saber de alguma forma de chamar a variável assim que o servidor receber os dados.
Estou tentando enviar os dados desta página para o servidor, porém o Js não retorna a variável Mensagem...
Conheço pouco de JS e gostaria de saber de alguma forma de chamar a variável assim que o servidor receber os dados.
Habilite o CORS do lado do servidor... (http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api)
Se você adicionar um error em seu ajax, vai perceber que ele cai lá.
$.ajax({
type: "GET",
url: strUrl,
crossDomain: true,
dataType: 'jsonp',
beforeSend: function (xhr) {
xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
},
success: function(data)
{
if (data == "Realizado com sucesso.")
{
var Mensagem = "Obrigado por se cadastrar na BILLABONG!";
$("#divNewsLetterContainer").html("");
$("#divNewsLetterContainer").append("<span class='spnMensagemNewletter'>" + Mensagem + "</span>");
}
else
{
alert(data);
}
},
error: function(data) {
alert('Ocorreu um erro, olhe o console');
console.log(data);
}
});
Adicione uma action no seu form:
<form action="javascript:void(0);" id="divNewsLetterContainer" class="newsletter" onsubmit="EnviarNewsLetter();">
<input type="text" class="fitext" name="nome" id="nome" size="20" value="" placeholder="name" required="">
<input type="email" name="email" id="email" size="20" value="" placeholder="[email protected]" required="">
<input type="submit" id="btw-ok" value="assinar" class="btw-ok">
</form>
Me parece que seu problema está nas variáveis:
var strNome = $("#nome").attr("value");
var strEmail = $("#email").attr("value");
Troque por:
var strNome = $("#nome").val();
var strEmail = $("#email").val();
Do jeito que está, eles estão sendo enviadas "vazias", e por isso não retorna nada no Ajax.
Mude também o seu form
, adicionando um onsubmit
, desta forma:
<form id="divNewsLetterContainer" class="newsletter" onsubmit="return EnviarNewsLetter()">
<input type="text" class="fitext" name="nome" id="nome" size="20" value="" placeholder="name" required/>
<input type="email" name="email" id="email" size="20" value="" placeholder="[email protected]" required/>
<input type="submit" id="btw-ok" value="assinar" class="btw-ok">
</form>
E no script, adicione return false;
após o Ajax (isso evita que a página seja recarregada):
$.ajax({
...
});
return false;
Outra coisa... onde tem :
if (data == "Realizado com sucesso."){
...
}
Talvez seja melhor usar:
if (data.indexOf("Realizado com sucesso.") != -1){
...
}
A não ser que o retorno da variável data
seja uma string EXATAMENTE igual a "Realizado com sucesso." (sem tags HTML etc).
form
no evento<form onsubmit="EnviarNewsLetter();return false;">
. Se não der certo, faça como o Gerep disse, adicione o código onde está o problema para podermos identificar melhor.