JQuery UI boîte de dialogue montrant message en attente jusqu'à l'appel ajax est traitée

Je pense que tout est dans le titre. Quand j'ai commencé ce que je pensais, il sera à 5 minutes de codes ou d'un résultat rapide lors de googler... Mais C'est maintenant trois heures que je suis sur ce:

Se contentent d'afficher une boîte de dialogue avec un message "please Wait..." s'affiche, alors que je suis en effectuant un appel ajax pour récupérer le résultat json, et de montrer ensuite un "complet".

$('#switchOff').live("click",function(){

   $('#dialog').dialog({
                modal:true,

               open: function(){
//I would like to call myAjax function
//From here ?
//While my dialog is showing the Wait message...
               },


                complete: function(){
//close the dialog when fished
                 $('#dialog').dialog('close');
                         },
   }); 



});

function ajaxCall() {
                //my ajax call
}

Quel est le problème? Pourquoi ne montrez-vous pas votre code JS??!?
Excusez-moi.. Pourquoi vous ne faites pas appel de Jquery dialogue après l'appel ajax est-il traité??
Comme je l'ai décrit mon problème, en fait je voudrais tout d'abord afficher la boîte de dialogue: $("#myDialogBox").la boîte de dialogue(); Et après l'appel de l'ajax...

OriginalL'auteur Zamboo | 2013-04-04

Vous ne devez pas utiliser live plus. Utilisation .on à la place. Vous mélangez la boîte de dialogue d'un code ajax. Voici un exemple de la façon dont je le ferais.

Voici le lien pour jouer du violon pour la monstration

$('#switchOff').on("click",  ajaxCall);

$("#loading").dialog({
    hide: 'slide',
    show: 'slide',
    autoOpen: false
});

function ajaxCall() {
    $.ajax({
        url: '/echo/html/',
        data: { html: '<p>JSON result</p>' , delay: 3},
        method: 'post',
        beforeSend: function(){
           $("#loading").dialog('open').html("<p>Please Wait...</p>");
        },
        success: function(data) {
            $('#loading').html("<p>Result Complete...</p>");
            $('#ajaxResult').html(data);
        }
    });
}

".sur" est apparemment utilisé la dernière version de JQuery. Mais je suis en utilisant JQuery 1.5... à Cause de quelques vieux de la fonction que j'ai à migrer. Mais votre solution fonctionne comme un charme. Merci beaucoup pour cette.
upvote pour violon

OriginalL'auteur jmm

Avec ce commentaire

  `As I described my problem, in fact I would like to first display the dialog: $("#myDialogBox").dialog();` 

And after call the ajax..

La solution est:

De la cliquez sur le bouton id="btn"

$( "#btn_Deletepara" ).click(function() {
                $( "#JQUERY'sDialog" ).dialog( "open" );
//Now you Call the ajax
            });

$( "#JQUERY'sDialog" ).dialog({

Add your script for call ajax

Merci Miko pour la réponse, j'ai ajouté un peu de code, mais j'ai essayé tellement de fois que je ne connais pas le code... Votre code est très proche de celui que j'ai ajouté. mais il semble qu'il ne fonctionne pas.... (Pour moi !)
Public de votre code JS

OriginalL'auteur Mirko Cianfarani

Vous devez vous connecter pour publier un commentaire.