jquery ajax loading div funktioniert nicht im IE & Chrome

Dieser aufgefordert wurde viele, viele Male. Aber keine der Lösungen funktioniert bei mir im IE und Chrome.

Ich wollen im Grunde, um zu zeigen, ein Bild laden, während ajax-Aufruf gemacht wird.

Folgende ist, was ich versuche.

function ws(){
    showL();
    var res=$.ajax({url:'webservice.asp?service=LoadingTestSRV',async:false,cache:false}).responseText;
    $('#dv').html(res);
    hideL();
    $('#complete').html('Done');
}
function showL()
{
    $('#loading').show();
}
function hideL()
{
    $('#loading').hide();
}

Folgenden ist der HTML -

<table cellspacing="1" cellpadding="1" border="1">
  <tr><td>
        <input type="button" value="ckick" id="btn" onClick="ws();">
        <input type="button" value="clear" onClick="$('#dv,#complete').html('');">
    </td><td>
        <div id="dv"></div>
    </td></tr><tr>
    <td>Here<div id="loading" style="display:none" >Loading.................</div></td>
    <td>final<div id="complete"></div></td></tr>
</table>

Nach oben js, ich habe versucht,

ajaxStart und ajaxStop
$.ajaxSetup
$.ajax({...}).fertig(hideL)

Alle js-codes, die ich habe versucht, arbeiten in Firefox, aber keiner von Ihnen arbeiten in IE und Chrome.
Im Firefox, wird der code wie erwartet funktioniert. Be-div wird angezeigt, ajax aufgerufen wird, be-div wird ausgeblendet. Das ist genau das, was ich erwarte.
Im IE & Chrom -, be-div wird nicht angezeigt. Vielleicht wird Es ein-und ausgeblendet sehr schnell nach oder vor dem ajax-Aufruf.

Bitte lassen Sie mich wissen, was kann getan werden, damit der code funktioniert im IE & Chrom.

Es einen workaround wie ich gesehen habe die anderen Seiten zeigen, laden div. Oder vielleicht bin ich etwas dumm.

Sobald der code funktioniert in allen Browsern. Ich möchte eine generische Funktion (wie ein jQuery-plugin), um zu zeigen, einen be-div, wenn ajax aufgerufen wird.

Können Sie uns sagen, was genau nicht funktioniert? Ist es zeigen, aber nicht versteckt oder es zeigt nicht an alle? Könnte async:false die Frage hier?
Ich habe aktualisiert die post vor. Be-div wird nicht angezeigt in IE & Chrom.

InformationsquelleAutor Yogesh Sawant | 2012-12-07

4

versuchen Sie dies:
Dadurch wird sichergestellt, dass ur DIV ausgeblendet ist nach dem ajax-Aufruf abgeschlossen
```
    function ws() {
        showL();
         var res ="";
        $.ajax({
            url: 'webservice.asp?service=LoadingTestSRV',
            async: true,
            cache: false,
            success: function(data) {
                res=data;
                $('#dv').html(res);
                hideL();
                $('#complete').html('Done');

            }
        });

    }

    function showL() {
        $('#loading').show();
    }

    function hideL() {
        $('#loading').hide();
    }
```
- Dieser code verhält sich in der gleichen Art und Weise in Chrome. Es zeigt nicht das laden div.
- Sawant versuchen Sie, async:true
- async:true hat die gleiche 🙁
- hmm.. es zeigt nicht das DIV überhaupt? mal sehen, wenn wir Debuggen können, kann u remobe everythign von ws (), außer die showL() aufrufen und sehen, ob das DIV zeigt sich dann?
- Und kann u überprüfen Sie die chrome-Netzwerk XHR-Inspektor zu überprüfen, ob der AJAX-Aufruf faling?
- Tut mir Leid! mit async:true gearbeitet. Vielen Dank, Mann. werde versuchen, dies in meinen früheren code
- wenn es geholfen hat, bitte die Zeit nehmen und "akzeptieren" die Antwort.. ich werde es zu aktualisieren, zu verwenden, async:true
- Ich Stand vor dem gleichen problem und ich habe oben genannten Kenngrößen und seine Arbeit für mich!!!!! danke @sajan-Sarkar
InformationsquelleAutor Sajjan Sarkar
3

Dieser form hat für mich gearbeitet vorher: (ich habe in die langsam, damit Sie es sehen können, wenn es schnell ist)
```
$('#loading').ajaxStart(function() {
    $(this).show("slow");
}).ajaxComplete(function() {
    $(this).hide("slow");
});
```
Test Beispiel dieses hier:

http://jsfiddle.net/MarkSchultheiss/xgFkw/

InformationsquelleAutor Mark Schultheiss

Ich es auf diese Weise versuchen, wenn es hilft..

    $.ajax({
        beforeSend: function () {
            $('#loadingDiv').show();
            $('#accordion').hide()
        },
        complete: function () {
            $('#loadingDiv').hide();
            $('#accordion').show();
        },
        type: "GET",
        url: 
        data: shallowEncodedData,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (

InformationsquelleAutor Scorpio

1

Gibt es ein problem in deinem ajax-Aufruf. Entfernen Sie die async:false von ajax-Aufruf und es funktioniert auch im IE8/9 und Chrome. Für andere Verlorene Seelen, bitte die oben genannten änderungen und versuchen Sie es erneut.
- Ich hatte 3 Zeilen code. $("#id").text("Proccesing ..."); $("#id").show(); alert($("#id").text()); .. Es warnt mich Umarbeitungs aber warum nicht, es zu zeigen, das div? Es funktioniert, wenn async:true, aber das div wird nicht angezeigt, wenn async:false. ??
InformationsquelleAutor Praveen Kumar
1

einfach nur Hinzufügen async=true in der ajax-Funktion. Es funktioniert in chrome
- Seine arbeitete perfekt für mich
InformationsquelleAutor Gurung

Mein workaround für dieses Problem in Chrome, verwenden Sie ein timeout auf der AJAX-Aufruf von einer Millisekunde.

E. g.

$("#mySpinningLoader").show();

var t = setTimeout(function () {
    $.ajax({
        url: rootPath + controllerNAction,
        async: false,
        type: "POST",
        data: JSON.stringify(lightweightObject),
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        success: function (data, textStatus, jqXHR) {
            $("#mySpinningLoader").hide();
        }
    });
}, 1);

Auch hatte zu wickeln meine lade Bild mit einem setTimeout, um diese zu arbeiten. var t1 = setTimeout(function () { document.getElementById("divLoading").Stil.display = ""; }, 1);

InformationsquelleAutor LightNg

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.