jQuery function does not work

Question

I’m doing a function with jQuery, but it doesn’t work, IE, it doesn’t reach my controller, someone could help me please follow the code:

var Aprovar = function () {
    $.ajax({
        url: 'GerenciaPassagem/AprovarPassagem',
        type: 'POST',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        data: JSON.stringify({ mes: $("#ListaPeriodo").val() }),
        success: function (data) {
            $("#tabFiltra").html(data);
            drawTable();
        },
        beforeSend: function () {
            $.blockUI({ message: '<img src="' + url + '/Content/ajax-loader.gif" alt="Aguardando..."/>' });
        },
        complete: function () {
            $.unblockUI();
        },
        error: function (a, b, c) {
            var x = a;
        }
    });
}

HTML

<input type="button" value="Aprovar" id="btAprovar" onclick="listaPassagens(); return false;" style="margin-left: 9px;" /> @*onclick="Aprovar(); return false;"*@

Answer 1

If I understand correctly, what you want to do is call that function by clicking the correct button?

If yes the code will look like this:

change var Aprovar = function () {

for: function listaPassagens(){ /* Nome que você já utilizou */

On the button you’ll have to have it:

<intput type="button" onclick="javascript: listaPassagens();"

or add the line in your js and remove the calls from the button:

$("#btAprovar").click( function(){ listaPassagens() } );

I hope I’ve helped.