Heim > Web-Frontend > js-Tutorial > Miaowei Classroom JS Advanced Topic Videomaterial-Teilen

Miaowei Classroom JS Advanced Topic Videomaterial-Teilen

巴扎黑
Freigeben: 2017-08-28 15:52:00
Original
1937 Leute haben es durchsucht

„Miaowei Classroom JS Advanced Topic Video Tutorial“ führt Sie ausführlich in JavaScript ein. JavaScript ist eine wörtliche Skriptsprache und eine Skriptsprache, die in der clientseitigen Webentwicklung weit verbreitet ist. Wird derzeit von Millionen von Webseiten verwendet, um das Design zu verbessern, Formulare zu validieren, Browser zu erkennen, Cookies zu erstellen und mehr.

Miaowei Classroom JS Advanced Topic Videomaterial-Teilen

Adresse für die Videowiedergabe: http://www.php.cn/course/241.html

Die Schwierigkeit dabei Video ist Kapseln Sie Ihre eigene JS-Bibliothek:

1. Anforderungshintergrund
Oft verwenden wir jquery.ajax, um Anforderungen an den Hintergrund zu senden Zu häufig. Nun, zu diesem Zeitpunkt haben wir eine solche Anforderung: Wenn wir eine Ajax-Anfrage aufrufen, möchten wir nicht jedes Mal Code wie error:function(e){} schreiben, sondern auch, dass er den Ajax sendet Fehlermeldung jedes Mal. Ausgabe an den Browser, damit Benutzer sie sehen können. Was zu tun?

$.ajax({
        type: "post",
        url: "/User/Edit",
        data: { data: JSON.stringify(postdata) },
        success: function (data, status) {
          if (status == "success") {
            toastr.success('提交数据成功');
            $("#tb_aaa").bootstrapTable('refresh');
          }
        },
        error: function (e) {
        },
        complete: function () {
        }
 
      });
Nach dem Login kopieren
2. Implementierungsprinzip

Es ist nicht schwierig, den oben genannten Effekt zu erzielen. Wir können $.ajax({}) kapseln und das dem Fehler entsprechende Ereignis in der gekapselten öffentlichen Methode definieren. Dies kann zwar unsere Anforderungen erfüllen, ist aber nicht perfekt. Die Gründe sind sehr einfach: 1) Das Kapseln einer weiteren Ebene über Jquery ist nicht effizient genug. 2) Die Gewohnheiten des Anrufers müssen geändert werden, und zwar jedes Mal, wenn Ajax aufgerufen wird , Wir möchten nicht, dass es nach den Regeln der von uns definierten Methode geschrieben wird, anstatt direkt die native Methode $.ajax({}) zu verwenden.

Wie können wir in diesem Fall die oben genannten Anforderungen erreichen, ohne Steuerelemente zu kapseln? Die Antwort besteht darin, die native jquery.ajax durch unser $.extend zu erweitern.

Tatsächlich ist die Implementierung nicht schwierig. Unsere Anforderungen können durch den folgenden Code erreicht werden.


Wenn Sie die Methode $.extend in jquery noch nicht kennengelernt haben, verstehen Sie möglicherweise nicht, was das oben Genannte bedeutet. Okay, schauen wir uns zunächst an, wie die JQuery-API die Methode $.extend() erklärt.

Das obige ist der detaillierte Inhalt vonMiaowei Classroom JS Advanced Topic Videomaterial-Teilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage