Wie man AJAX verwenden, um Inhalt auszublenden

January 3

Wie man AJAX verwenden, um Inhalt auszublenden

AJAX ist ein immens populären Web-Programmierung Möglichkeit in den letzten Jahren geworden. Obwohl es einige der eher traditionellen Programmiersprachen wie HTML oder PHP umfassen kann und eine eigene Sprache an und für sich nicht, erzeugt AJAX eine optisch ansprechende Ausgabe für bewegliche oder reduzierbaren Inhalte, z. B. Akkordeon Menüs. AJAX können Sie auch einen bestimmten Codeblock Inhalte per Mausklick ausblenden.

Anweisungen

1 Öffnen Sie die Datei, die Sie einschließen, den AJAX-Code für das Ausblenden von Inhalten möchten. Sie können einen beliebigen Texteditor verwenden, die Sie, wie z. B. Editor oder Wordpad bevorzugen.

2 Kopieren Sie folgenden Code und fügen Sie ihn in die Datei:

[Quellcode: Javascript]

$(document).ready(function() {}

$('.link').toggle)

Funktion () {}

if($('#box').Text() == '') {}

$.ajax({

URL:'your_content.txt',

Methode: 'GET',

{Success:function(r)}

$('.link').html('hide');

$('#box').html(r).hide().slideDown(1000);

},

Fehler: function() {}

Warnung ("Datei existiert nicht');

}

});

} else {}

$(this).html('hide');

$('#box').slideDown(1000);

}

},

Funktion () {}

$(this).html('show');

$('#box').slideUp(1000);

}

);

});

/ [Quelle]

3 Ersetzen Sie "your_content.txt" mit dem Namen der Datei, deren Inhalt Sie die Fähigkeit zu verbergen geben möchten. Achten Sie darauf, die Datei im selben Verzeichnis wie die mit den obigen Code zu speichern. Speichern Sie die Datei, wenn Sie fertig sind. Der Code wird eine Fläche von Inhalten erstellen, die standardmäßig versteckte beginnt.

4 Klicken Sie auf das Wort "Show". Der Inhalt wird angezeigt und das Wort "Karte" wird "Verbergen." Klicken Sie auf "Ausblenden", um den Inhalt wieder auszublenden.