Modal não funciona, AJAX síncrono

03/04/2019

9

Ao utilizar esse codigo JS, utilizando JQuery

$(document).ready(function(){
$('.visualizar').click(function(){
$('#container').fadeIn(300);
});
});
function visualizarDados(codContato){
//↓ função do ajax para mandar informações para a modal.php
$.ajax({
type: "GET",
url: "modal.php",
data: {codigo:codContato},

success: function(dados){
$('#modal').html(dados);
}

});
}
A modal não funciona e é apresentado este erro no console do browser -

[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

Pesquisei e falam tem algo a ver com o ajax ser síncrona, mas como não tenho muita experiencia em ajax ou jquery, não entendi como resolver.
Responder

Posts

09/04/2019

Edcp_poa

Ao utilizar esse codigo JS, utilizando JQuery

$(document).ready(function(){
$('.visualizar').click(function(){
$('#container').fadeIn(300);
});
});
function visualizarDados(codContato){
//↓ função do ajax para mandar informações para a modal.php
$.ajax({
type: "GET",
url: "modal.php",
data: {codigo:codContato},

success: function(dados){
$('#modal').html(dados);
}

});
}
A modal não funciona e é apresentado este erro no console do browser -

[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

Pesquisei e falam tem algo a ver com o ajax ser síncrona, mas como não tenho muita experiencia em ajax ou jquery, não entendi como resolver.


Boa noite, Kelvin.

1 - teu site será mais rápido se utilizares javascipt puro;
2 - se for usar jQuery ainda assim, experimente estudar isso https://www.w3schools.com/jquery/jquery_ajax_get_post.asp;
3 - utilize como referência também o site do jQuery https://api.jquery.com/jQuery.ajax/#using-converters; e
4 - o erro apresentado se refere a problemas com a tua requisição Ajax, leia o material citado, transporte os exemplos pro teu caso e procure vídeos no YouTuBe (tem aulas muito boas sobre jQuery).
Responder

09/04/2019

Edcp_poa

Ah, sim, mais uma coisa importante. Repare no seu código.

$(document).ready(function(){
            $('.visualizar').click(function(){
                $('#container').fadeIn(300);
            });
        });

// Tu desixaste ela fora do $(document).ready(...
// Estude os links que te passei
        function visualizarDados(codContato){
            //↓ função do ajax para mandar informações para a modal.php
            $.ajax({
                type: "GET",
                url: "modal.php",
                data: {codigo:codContato},

                success: function(dados){ 
                    $('#modal').html(dados);
                }

            });
        }
Responder