Modal não funciona, AJAX síncrono
03/04/2019
0
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.
$(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.
Kelvin Ronaldo
Curtir tópico
+ 0
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.
$(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
Clique aqui para fazer login e interagir na Comunidade :)