$. ajax does not answer

Question

Code:

<script>
$(document).ready(function () {
    $("#submitbuy").click(function () {
        alert("clicou no submitbuy");
        var emailc = $("#emailc").val();
        alert("variavel emailc atribuida: " + emailc);
        $.ajax({
            url: 'https://meusite.com/cadastro.php',
            type: 'POST',
            data: $("#forms").serialize(),
            success: function () {
                alert("entrou no success ajax");
                if (data.length == 0) {
                    alert("forms foi submit");
                    $("#forms").submit();
                } // if
                else {
                    alert("forms não foi submit, alert data");
                    alert(data);
                } // else
            } // success
        }); // ajax
    }); // submitbuy.click
}); // document.ready
</script>

What happens to you: Displayed the first two alerts,(I used them as debug) ps: firebug does not point any error in this code above. But I did not display the third alert (the one inside the $.ajax Success).

What seems to be the problem? I have another ajax code on that same page, and it fulfills its role, I’ve gone through every possible mistake, but I found nothing..

EDIT: Form code, to make something more concrete: Form code is like this, it’s pretty simple, just to capture the email:

<form action="https://www.meusite.com/paginax" method="POST" id="forms" name="forms">
   <input name="emailc" id="emailc" placeholder="seu melhor email!" id="emailc" type="text">
</form>

the input is out of the form, type button, only to open the function to be later submitted in AJAX.

Answer 1

From the comments in the code, I’ve come to assume that you’re using something like

<form>
    <input type="submit" id="submitbuy">
</form>

May be occurring three problems:

1. By clicking the button the page may be giving refresh and this aborts the ajax request.
2. If you are not using button "submit", there may be a problem in ajax, so you should use callback error:
3. (As the question author himself found @Alexandrec.Caus) You’re probably using the whole url, when only the PATH would be the most recommended. You can use it like this: url: '/cadastro.php' absolute path. Or relative path: url: 'cadastro.php' The advantage is that if the domain name changes its codes will still work without having to make modifications, this also helps with differences between https and http
4. As @bfavaretto reported, the date argument was not set

To try to skip both problems, try something like:

$(document).ready(function () {
    $("#submitbuy").click(function () {
        alert("clicou no submitbuy");
        var emailc = $("#emailc").val();
        alert("variavel emailc atribuida: " + emailc);
        $.ajax({
            url: 'cadastro.php',
            type: 'POST',
            data: $("#forms").serialize(),
            success: function (data) {//Adicionado o argumento data
                alert("entrou no success ajax");
                if (data.length == 0) {
                    alert("forms foi submit");
                    $("#forms").submit();
                }
                else {
                    alert("forms não foi submit, alert data");
                    alert(data);
                }
            },
            error: function (err) {//Detecta erros na requisição
                alert(err);
            }
        });
        return false;//Bloqueia redirecionar em caso de type=submit
    });
});

The error: (or fail) is mandatory, because if there is a communication problem with the server or with the internet (ISP), only it will be able to report it to you.

Note that the most current version of ajax is encouraging the use of Deferred, This has nothing to do with your problem is only a tip, so if you want you can start using it like this:

$.ajax({
    url: 'https://meusite.com/cadastro.php',
    type: 'POST',
    data: $("#forms").serialize()
}).done(function (data) {//Equivalente ao success (Adicionado o argumento data)
    alert("entrou no success ajax");
    if (data.length == 0) {
        alert("forms foi submit");
        $("#forms").submit();
    } else {
        alert("forms não foi submit, alert data");
        alert(data);
    }
}).fail(function (err) {//Equivalente ao error
    alert(err);
});