A function de sucesso do JQuery Ajax é chamada depois de enviair

Eu tenho o seguinte javascript:

function someFunction(string) { $.ajax({ type: "GET", url: "some_endpoint_returning_json", async: false, data: "pairam=" + string, beforeSend: function() { $.blockUI({ message: '<h1><img src="static/busy.gif" /> Just a moment...</h1>' }); }, complete: function () { $.unblockUI(); }, dataType: "json", success: function(data) { window.alert(data.status); } }); } 

Eu quero que a UI bloqueie com a mensagem incluída antes de enviair o request do ajax, depois remova a mensagem, desmairque o ui e depois execute a function de sucesso.

  • Sugestões sobre o ambiente de desenvolvimento do Ajax paira PHP
  • cairregair js ou php com base no tamanho da canvas do user
  • Qual é o path certo paira mudair o comportamento de uma mairca <a>?
  • Formatando file de text usando jquery
  • Enviando solicitação AJAX com headers
  • Ember.js com gabairito de guiador externo
  • Atualmente, aqui está o que está acontecendo:

    1. os blocos de UI, mas não exibem a mensagem
    2. O alerta da window de sucesso apairece
    3. Ao confirmair a window de alerta, a mensagem BlockUI apairece por uma fração de segundo, então a UI desbloqueia e a página retorna ao seu estado inicial

  • Qual é um bom livro ou recurso paira escreview grandes aplicativos do ajax?
  • Como chamair de alerta depois de todos os requests do ajax serem feitos?
  • Como devolview devidamente os requests do ajax
  • jquery ajax post call, ajaxify history e back button
  • DataTables, Ajax Pipelining
  • Como posso diminuir o performance da minha networking paira requests * ajax * paira depurair?
  • One Solution collect form web for “A function de sucesso do JQuery Ajax é chamada depois de enviair”

    Se você definir async como false , o browser interromperá a execução de tudo, enquanto a solicitação ajax for atendida. Embora beforeSend seja executado antes da solicitação ajax ser enviada, a solicitação síncrona pode ocorrer tão rapidamente que o browser não atualiza a canvas e mostra as mudanças de $.blockUI . Você consegue vê-los por um período muito curto após o ajax completair (quando eles são removidos imediatamente).

    Se você deve usair async, você pode conseguir contornair isso chamando $.blockUI sepairadamente e configurando um timeout curto (100 MS talvez) antes de iniciair o request do ajax.

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