AJax Problem When Trying to Use Data in Later Functions

2
I'm trying to get the data in the BuscaCabeca and BuscaBraco functions, it's returning the data all right, but when I try to use the data created cabeca and braco it gets undefined, what am I doing wrong.

$(document).ready(function () {
        var braco  = [];
        var cabeca = [];

        BuscaCabeca();
        BuscaBraco();

        function BuscaCabeca() {

            cabeca = [];

            $.ajax({
                type: "GET",
                url: '@Url.Action("GetCabeca", "Home")',
                success: function (dataCabeca) {
                    $.each(dataCabeca, function (i, v) {
                        cabeca.push({
                            Rotacao:    v.Rotacao,
                            Inclinacao: v.Inclinacao
                        });
                    })

                },
                error: function (errorCabeca) {
                    alert('Não foi possivel carregar dados da cabeça');
                }
            });
        };

        function BuscaBraco() {
            braco  = [];

            $.ajax({
                type: "GET",
                url: '@Url.Action("GetBraco", "Home")',
                success: function (dataBraco) {
                    $.each(dataBraco, function (i, v) {
                        braco.push({
                            CotoveloEsquerdo: v.CotoveloEsquerdo,
                            PulsoEsquerdo:    v.PulsoEsquerdo,
                            CotoveloDireito:  v.CotoveloDireito,
                            PulsoDireito:     v.PulsoDireito
                        });
                    })
                },
                error: function (errorBraco) {
                    alert('Não foi possivel carregar dados do braço');
                }
            });
        };

        $('.geraMovimentoCabeca').on('click', function (event) {
            var button = $(event.target);

            var cabeca = button.data('cabeca');

            if (cabeca == "inclinacao") {
                var inclinacao = button.data('inclinacao');
            } else {
                var rotacao = button.data('rotacao');
            }

            if (typeof inclinacao !== 'undefined') {
                inclinacao = cabeca.Inclinacao;
            } else {
                rotacao = cabeca.Rotacao;
            }

            EnviaDadosCabeca(rotacao, inclinacao);

        });

        function EnviaDadosCabeca(rotacao, inclinacao) {
            $.ajax({
                type: "POST",
                url: '@Url.Action("UpdateCabeca", "Home")',
                data: {
                    'Rotacao'    : rotacao,
                    'Inclinacao' : inclinacao
                },
                success: function (data) {
                    alert("Enviou");
                },
                error: function (error) {
                    alert('Não foi possivel enviar dados da cabeça');
                }
            });
        };
    });
    
asked by anonymous 14.11.2018 / 22:06

1 answer

0

Declare the variables as global, before the function $(document).ready .

var braco  = [];
var cabeca = [];

$(document).ready(function () {
    ...      
});
    
16.11.2018 / 15:46