Ich mache einen Ajax-Aufruf der Post-Methode eines Servlets aus meiner js-Datei. Ich möchte eine Warnmeldung anzeigen, bis ich eine Antwort zurück bekomme. Wie kann ich das mit Ajax machen?

Das Warnfenster sollte geschlossen werden, nachdem ich automatisch eine Antwort erhalten habe. Ajax Post Anfrage

    $.post(fullpath, function(data) {
        fnBookTicket(data);
    });
1
Haran Murthy 6 Okt. 2012 im 01:05

4 Antworten

Beste Antwort

Verwenden Sie stattdessen ein Popup-DIV und schließen Sie es dann ...

CSS

 div#popup { display: none; position: absolute; width: 200px; height 100px; 
     top: 50%; left:50%; margin-top: -50px; margin-left: -100px; 
     background: white; border: 1px solid blue; z-index: 9999 }

HTML

 <div id="popup">Alert! Loading...</div>

JS

  $('div#popup').show();
  $.post(fullpath, function(data) {  
    $('div#popup').hide();
    fnBookTicket(data); 
  });

Das Popup wird vor dem Ajax-Aufruf angezeigt und versteckt sich im Success-Handler, dh wenn Daten geladen werden ...

2
jtheman 5 Okt. 2012 im 22:47

Auf diese Weise können Sie eine Warnbox nicht schließen. Verwenden Sie stattdessen einen Leuchtkasten.

1
Vivin Paliath 5 Okt. 2012 im 21:08

Sie müssen ein Lightbox-Skript verwenden, um einen modalen Dialog zu erstellen, der über der Seite schwebt, bis Ihre Ressource zurückgegeben wird. Dann entfernen Sie es. Das Feld alert kann nicht programmgesteuert geschlossen werden - es muss vom Benutzer geschlossen werden.

Hier finden Sie einige gute Optionen für Lightweight-Lightbox-Skripte.

2
Community 23 Mai 2017 im 12:04

Es ist ganz einfach. Sie können das Warnfenster mit keinem Ereignis schließen.

Sie müssen es explizit schließen, indem Sie darauf klicken.

Versuchen Sie, ein Div oder ein Popup anzuzeigen, über das Sie mehr Kontrolle haben.

Sie können auch das blockUI jQuery -Plugin verwenden

2
Sushanth -- 5 Okt. 2012 im 21:07