Wie die "Last in" Eingabeaufforderung zu behandeln, wenn das Ajax Jquery ist eingereicht _ajax

Quelle: Internet
Autor: Benutzer

Methode 1: Verwenden Sie die AjaxStart Methode um zu definieren, eine globale "laden..." "Tipps

$ (Funktion () {}
$ ("#Loading"). Ajaxstart (Funktion () {}
$ (This). html. ("≪ Img Src =" /jqueryStu/images/loading.gif "/ >");
});
$ ("#Loading"). Ajaxsuccess (Funktion () {}
$ (This). html. ("");
$ (This). leer (); Oder direkt zu löschen.
});

});

≪ Div-Id = "Loading"

Achtung:

Alle Ajax-Commits auslösen die AjaxStart Veranstaltung, die in definiert wird Ihre

≪ Div-Id = "Loading"

Die Position wird in Last angezeigt... "Symbol (natürlich können Sie auch Text definieren, aber eine geladene Bild sieht besser aus);

---Aber achten Sie darauf, definieren Sie das Ajaxsuccess-Ereignis zur gleichen Zeit, und das Symbol zu verstecken, nachdem die AJAX-Vorlage erfolgreich ist...

Spezielle Tipps:

Wenn ein AjaxStart oder AjaxSuccess-Ereignis, das Äquivalent zur Definition einer Globalanzeige "im Laden... "Lage, alle Ajax senden Zeit" in der Last... "Immer an einem Ort... erscheint

Methode 2: Definieren Sie jeden Ort in der Ajax-Methode, die im Laden erscheint... "Tipps

$ ('#Ajax_test2'). Klick (Funktion () {}
$.Ajax ({}
URL---URL-Pfad, je nachdem, was Sie brauchen,
Typ: 'Post',
Daten: "Name = ZXCVB ',
Timeout:15000,
BeforeSend:function (XMLHttpRequest) {}
Alert ("Remote-Aufruf beginnt...");
$ ("#Loading"). html ("≪ Img Src =" /jqueryStu/images/loading.gif "/ >");
},
Erfolg: Funktion (Data, TextStatus) {}
Alert ("Start-Rückruf, Status-Text-Wert:"+ TextStatus +"gibt Daten zurück:" + Daten);
$ ("#Loading"). leer ();
},
Komplett: Funktion (XMLHttpRequest, TextStatus) {}
Alert (' Remoteaufruf ist es gelungen, Zustandswert Text: "+ TextStatus);
$ ("#Loading"). leer ();
},
Fehler: Funktion (XMLHttpRequest, TextStatus, ErrorThrown) {}
Alert (' Fehler... Status-Text-Wert: "+ TextStatus +" Ausnahmeinformationen: "+ ErrorThrown);
$ ("#Loading"). leer ();
}
});
});

Art. = "Button" Id = "Ajax_test2" Value = "Ajax Weg" in die
≪ Div-Id = "Loading"

Als BeforeSend ist natürlich in den "laden..." wird an der angegebenen Position angezeigt. Symbol, entfernen Sie das Symbol nach dem Fehler, voller, Erfolg...

Achtung:

Wenn eine Seite mehrere Ajax verpflichtet hat, es wird empfohlen, dass Sie die zweite Möglichkeit verwenden, da "im Laden... Symbol kann an jedem beliebigen Ort angezeigt werden, müssen Sie aktualisieren... Das ist der Vorteil davon: Freiheit...

Kontaktiere uns

Die Inhaltsquelle dieser Seite ist aus dem Internet, und vertritt nicht die Meinung von Alibaba Cloud; auf dieser Seite erwähnte Produkte und Dienstleistungen haben keine Beziehung zu Alibaba Cloud. Wenn der Inhalt der Seite Ihrer Meinung nach verwirrend ist, schreiben sie uns bitte eine E-Mail. Wir werden das Problem innerhalb von 5 Tagen nach Erhalt Ihrer E-Mail bearbeiten.

Wenn Sie Fälle von Plagiaten aus der Community feststellen, senden Sie bitte eine E-Mail an info-contact@alibabacloud.com und legen Sie entsprechende Beweise vor. Ein Mitarbeiter wird Sie innerhalb von 5 Werktagen kontaktieren.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.