Miaowei Classroom JS Advanced Topic Videomaterial-Teilen

„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.

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 () {
        }
 
      });

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!