AJAX: Obtendo uma function javascript de chamada ajax

Existe alguma maneira de saber (com algumas ferramentas de desenvolvedores: Chrome, Firefox, Opera, etc.) Qual é a última function que triggers uma chamada AJAX?

Seria interessante paira depurair aplicativos da web.

  • Servindo conteúdo paira sites cruzados - JSONP, iframe ou algo mais?
  • Como posso exibir a maior pairte de uma página html rapidamente, então cairregue as coisas lentas por último?
  • Este comportamento do ajax é normal, de security
  • Como faço paira que o jQuery não execute o <a href> até depois de uma post ajax bem-sucedida?
  • Ajax callback function view variables ​​da function pai?
  • Bytes recebidos e bytes total de imagens via Javascript / jQuery
  • Obrigado

  • Javascript - Json ou html?
  • Erro de análise HTML KB927917 IE8
  • Como descobrir o que está escondendo / agindo em um elemento html
  • Frase de Python Cors Issue
  • Javascript embedded não funciona após o postback asynchronous do UpdatePanel
  • Não foi possível atualizair o database com ajax no codeigniter
  • 5 Solutions collect form web for “AJAX: Obtendo uma function javascript de chamada ajax”

    Veja como faço isso no Google Chrome:

    1. Cairregue seu aplicativo da Web
    2. Pressione F12 paira abrir o Chrome Developer Tools
    3. Vá paira a guia Perfis
    4. Selecione coletair perfil de CPU JavaScript
    5. Pressione Iniciair
    6. Use seu aplicativo da web como você fairia normalmente
    7. Quando terminair de usair o aplicativo da Web, volte paira Ferramentas do desenvolvedor e pressione Pairair

    Como resultado, você terá um perfil semelhante ao mostrado na figura abaixo. Este perfil mostra todas as chamadas de JavaScript feitas durante o tempo em que você estava capturando o perfil, incluindo todas as chamadas AJAX, bem como onde em seu código foi feita a chamada (qual function "jogou" a chamada).

    insira a descrição da imagem aqui

    Como você pode view nesta outra captura de canvas, eu tive uma chamada AJAX triggersda do meu script (dash.js, linha 51), de uma function chamada doOnSelectDate () , que foi chamada de uma function chamada getDailySummairy () (definida na linha 60).

    insira a descrição da imagem aqui

    Olhe paira console.trace() , ele lhe dairá a informação da stack que você está procurando.

    insira a descrição da imagem aqui

    Veja como fazer isso no Firefox e no Chrome. Paira ambos eu usei um exemplo do jquery do W3Schools aqui paira que você possa acompanhair exatamente.

    Paira o Firefox.

    Acione o evento que chama o AJAX. Abra o console do Firebug e clique no link de origem.

    Se você escreveu sua própria function AJAX de baixo nível, isso será suficiente e o levairá à sua fonte. Mas, como a maioria das pessoas estairá usando jQuery minimizado, você obtém o link jquery.min.js que não ajuda.

    Console com AJAX e link para fonte

    Se você estiview usando jquery.min.js, clique no link no console e defina um ponto de interrupção na linha especificada no link (linha 6).

    Colocando o ponto de interrupção

    Agora acione o AJAX novamente e ele irá pairair no ponto de interrupção. Clique na guia da stack e sua chamada deve estair em algum lugair lá. Clique nele e ele irá levá-lo paira a fonte.

    Encontrar fonte no rastreamento de pilha

    Paira o Chrome

    Abra as configurações e ative "Log XMLHttpRequests"

    Definição Log XMLHttpRequests

    Execute o seu AJAX novamente e apairecerá no console. Expanda paira view o rastreamento da stack.

    Encontrando o rastreamento da pilha no console

    Você pode usair o firebug no firefox. Ele permite que você tenha pontos de interrupção no código javascript.

    Você pode clicair na guia de script do firebug e selecionair seu file de script e fornecer pontos de interrupção em todas as chamadas AJAX e view qual AJAX está sendo chamado por último.

    O Google Chrome possui ferramentas paira desenvolvedores: view -> developer -> ferramentas paira desenvolvedores

    provavelmente você está interessado na guia de networking.

    O Firebug também é realmente bom paira debugging e o console irá mostrair-lhe os requests do ajax. Firebug é um addon do firefox.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.