Ir para conteúdo
Fórum Script Brasil
  • 0

Jquery - Metodo $.load


rafaeldorazio

Pergunta

$("#load").ajaxStart(function(){
                                           
                 //ADICIONA A DIV FADE NO BODY COLOCANDO EFEITO DE OPACIDADE NA TELA
                $("body").append("<div id='fadeLoad'></div>"); 
                $("#fadeLoad").css( "height" , $( document ).height() ).fadeIn("slow", function() { 
                    
                    $("#fadeLoad").css({'filter' : 'alpha(opacity=70)',height: $( document ).height()});
                    
                });
                $(this).show();
                
            });

            $("#load").ajaxStop(function(){
            
                //REMOVE A CLASSE FADE DO BODY
                $("#fadeLoad").css( "height" , $( document ).height() ).fadeOut('slow', function() {
    
                    $(this).remove(); 
    
                });
                $(this).hide();
                            
            });
    
            //PEGA O HREF CLICADO
            var Pagina = $(id).attr("href");
            
            //CADA LINK VAI TER O REF PARA QUE O TEXTO SEJA INSERIDO
            var textoLoad = $(id).attr("ref");
            $("#textLoad").text(textoLoad);

            //CARREGA O LINK DO HREF CLICADO NA DIV MEIO
            $("#conteudo").load(Pagina);

Este codigo faz um efeito de carregando e carrega uma página na div.

Ai dentro dessa página existe um metodo $.post que automaticamente executa o AjaxStart and AjaxStop. O problema está sendo esse , o AjaxStart and AjaxStop estão sendo executados automaticamnete e não está passando pelo código !

Link para o comentário
Compartilhar em outros sites

8 respostass a esta questão

Posts Recomendados

  • 0

o ajaxstart e ajaxStop são acionados para toda e qualquer requisição. então você terá q tratar os ajaxstart e ajaxstop dentro da função ajax passando o mapa certo para a função ajax. no link abaixo existe uma lista de todos os atributos que podem ser usados nas requisições.

http://api.jquery.com/jQuery.ajax/

se não me engano você terá q usar o sucess e o error ou algum outro q não me lembro espero ter ajudado vlws

Link para o comentário
Compartilhar em outros sites

  • 0

Example: Save some data to the server and notify the user once it's complete.

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
 });

retirar os eventos globais ajaxStart/AjaxStop

e passar como parametros no mapa BeforeSend e complete

todas as suas dúvidas são tiradas na documentação do site no primeiro link q te passei caso não saiba inglês hoje nós temos o google translator que traduz toda uma URL

Entre no google digite tradutor entre no primeiro link

selecione traduzir do inglês para o português adcione a url no campo de texto e clique no link que irá aparecer e mbaixo no lugar da tradução

Link para o comentário
Compartilhar em outros sites

  • 0
eric você não entendeu, eu não posso usar o $,.ajax porque ele não passa parametro json pro php . Eu preciso suar o $.post, como eu faço para fazer algum evento do tipo beforesend e sucess no $.post pra que eu posso usar css para indicar ao cliente que esta sendo processado ?

cara você está enganado, o parametro data do método post aceita JSON ou String.

Editado por Romerito
Link para o comentário
Compartilhar em outros sites

  • 0

pois é estudar sobre uma função antes de usá-la é interessante essa post é só uma variação da ajax

com a ajax você consegue manipular totalmente a requisição já com post load etc.. não torno a falar leia atentamente a documentação da função pois lá você irá encontrar tudo oque precisa para implementar do modo que você necessita

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...