


jQuery-JSP-Dropdown-Box-Verknüpfungsmethode zum Abrufen lokaler Daten (Quellcode angehängt)_jquery
Das Beispiel in diesem Artikel beschreibt die Methode zum Verknüpfen des jQuery-JSP-Dropdown-Felds, um lokale Daten abzurufen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Die JQuery-Dropdown-Box-Verknüpfung spiegelt die Anforderungen von Ajax für die bedarfsgesteuerte Datenerfassung gut wider und reduziert die Menge der Dateninteraktion. (Klicken Sie hier , um den Quellcode herunterzuladen )
Das folgende Beispiel verwendet Json, um serverseitige Klassen oder Objekte in das JSON-Format zu konvertieren, hauptsächlich unter Verwendung von 6 JAR-Paketen
commons-beanutils-1.7.0.jar
commons-collections-3.2.jar
commons-lang-2.3.jar
commons-logging-1.0.4.jar
ezmorph-1.0.3.jar
json-lib-2.1.jar
Das experimentelle Bild ist unten beigefügt und der Hauptcode wird ausführlich erklärt
Seite index.jsp anzeigen
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 |
|
Ändern Sie die Datei chainselect.css
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
|
Hier achten Sie auf den Unterschied zwischen den Attributen „Anzeige: keine“ und „Sichtbarkeit: ausgeblendet“; Anzeige: keine;
Nach der Verwendung dieses Attributs gehen die Breite, Höhe und andere Attributwerte des HTML-Elements (Objekts) „verloren“;
Sichtbarkeit: ausgeblendet;
Nach Verwendung dieses Attributs ist das HTML-Element (Objekt) nur noch optisch unsichtbar (vollständig transparent), die räumliche Position, die es einnimmt, ist jedoch weiterhin vorhanden, dh es verfügt weiterhin über Attributwerte wie Höhe und Breite.
JQUERY verarbeitet die Datei chainselect.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
|
JQuery dan pengetahuan pembangunan lain yang dipelajari dalam bahagian ini:
1. Atribut alt teg img harus ditulis Apabila imej belum dimuatkan atau imej tidak wujud, maklumat teks atribut ini akan dipaparkan
2.select mewakili kotak drop-down Setiap item dalam kotak drop-down adalah pilihan Kandungan dalam teg permulaan dan akhir akan dipaparkan pada halaman Nilai atribut nilai digunakan untuk mendapatkan dan menghantar ke pelayan menggunakan kaedah val dalam JQuery of. Apabila nilai atribut yang dipilih ditakrifkan sebagai dipilih, ini bermakna pilihan semasa dipilih
3. Bagaimana untuk memaparkan elemen div di tengah: tetapkan lebar div, dan kemudian nilai margin-kiri dan margin-kanan kedua-duanya adalah automatik. Singkatan ialah margin: 0 auto;
4. Teg p html mewakili kandungan perenggan Kandungan akan menduduki satu atau lebih baris, dan kandungan berikut akan dipaparkan pada baris lain
5. Untuk memusatkan teks dan gambar dalam p, anda boleh menggunakan atribut penjajaran teks, dan nilai atribut ialah tengah. Teg p mempunyai nilai margin atas dan margin bawah secara lalai, yang boleh dikosongkan melalui css jika perlu
6. Apabila nilai atribut keterlihatan disembunyikan, elemen disembunyikan, tetapi tidak seperti paparan, yang tiada, ia masih menempati ruang tertentu pada halaman, tetapi
tidak dipaparkan.
7. Jika berbilang pemilih mempunyai nilai atribut yang sama, ia boleh ditakrifkan bersama dan dipisahkan dengan koma
8. Kaedah perubahan sepadan dengan acara onchange dalam Javascript standard dan boleh mengendalikan acara apabila kandungan kotak lungsur berubah
9. Kaedah induk boleh mendapatkan nod induk bagi nod
10. Kaedah seterusnya boleh mendapatkan nod adik beradik seterusnya bagi nod, dan kaedah sebelumnya yang sepadan boleh mendapatkan nod adik beradik sebelumnya bagi nod
11. Kaedah $.post boleh memulakan permintaan siaran tak segerak dengan pelayan. Parameter pertama ialah alamat sisi pelayan permintaan, parameter kedua ialah data yang dihantar ke pelayan, parameter ialah objek Javascript, dinyatakan dalam bentuk pasangan nilai-nama, parameter ketiga ialah kaedah panggil balik, dan parameter keempat menunjukkan pelayan Jenis data yang dikembalikan pada akhir, JQuery akan membantu kami menukar mengikut parameter ini. Kaedah get hanya berbeza dalam parameter kedua, dan parameter lain mempunyai penggunaan yang sama
12. Kaedah takrifan objek mudah dalam Javascript ialah {key1: value1, key2: value2}
13. Format data JSON sebenarnya ialah kandungan format teks yang ditakrifkan oleh objek atau data dalam Javascript, seperti {key1: value1, key2: [1,2,3]} atau [1,2,{key2:
nilai2}]
14. Anda boleh terus menggunakan kaedah $("") untuk mencipta pilihan dalam kotak drop-down, dan kemudian gunakan kaedah appendTo untuk menambahkannya pada kotak drop-down
15. Kaedah attr boleh menetapkan atau mendapatkan nilai atribut nod
16.ajaxStart dilaksanakan sebelum setiap permintaan ajax yang dikeluarkan oleh JQuery bermula, ajaxStop dilaksanakan selepas semua permintaan ajax dalam baris gilir JQuery selesai, dan ajaxComplete dilaksanakan selepas setiap permintaan ajax yang dikeluarkan oleh JQuery selesai
17. fadeOut dan fadeIn boleh mencapai kesan fade out dan fade in. Kandungan parameter adalah serupa dengan kaedah slideUp dan slideDown.
18. Kaedah animasi boleh mencapai sebarang kesan animasi dan boleh mengawal atribut css tertentu untuk berubah dalam tempoh masa tertentu untuk mencapai kesan animasi
19. Kelegapan boleh mengubah ketelusan elemen Dalam IE, penapis digunakan untuk melaksanakannya dan 0 bermaksud telus sepenuhnya. JQuery menyekat perbezaan pelayar dalam kaedah bernyawa, dan anda boleh menggunakan kelegapan terus untuk mencapai kesan fade-in dan fade-out.
20. Kaedah data boleh digunakan untuk cache data. Caching boleh meningkatkan kecekapan pengendalian sistem dan mengurangkan beban pada pelayan
21. Anda boleh menggunakan objek Imej dalam Javascript untuk pramuat imej, supaya anda boleh tahu bila imej dimuatkan, supaya anda boleh memberikan beberapa maklumat segera untuk memuatkan imej.
22. Kaedah pemuatan boleh sepadan dengan acara onload dalam Javascript Dalam contoh ini, ia digunakan untuk menangkap peristiwa yang imej dimuatkan
Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen



Detaillierte Erläuterung der jQuery-Referenzmethode: Kurzanleitung jQuery ist eine beliebte JavaScript-Bibliothek, die häufig in der Website-Entwicklung verwendet wird. Sie vereinfacht die JavaScript-Programmierung und bietet Entwicklern umfangreiche Funktionen und Features. In diesem Artikel wird die Referenzmethode von jQuery ausführlich vorgestellt und spezifische Codebeispiele bereitgestellt, um den Lesern einen schnellen Einstieg zu erleichtern. Einführung in jQuery Zuerst müssen wir die jQuery-Bibliothek in die HTML-Datei einführen. Es kann über einen CDN-Link eingeführt oder heruntergeladen werden

Wie verwende ich die PUT-Anfragemethode in jQuery? In jQuery ähnelt die Methode zum Senden einer PUT-Anfrage dem Senden anderer Arten von Anfragen, Sie müssen jedoch auf einige Details und Parametereinstellungen achten. PUT-Anfragen werden normalerweise zum Aktualisieren von Ressourcen verwendet, beispielsweise zum Aktualisieren von Daten in einer Datenbank oder zum Aktualisieren von Dateien auf dem Server. Das Folgende ist ein spezifisches Codebeispiel, das die PUT-Anforderungsmethode in jQuery verwendet. Stellen Sie zunächst sicher, dass Sie die jQuery-Bibliotheksdatei einschließen. Anschließend können Sie eine PUT-Anfrage senden über: $.ajax({u

Wie entferne ich das Höhenattribut eines Elements mit jQuery? Bei der Front-End-Entwicklung müssen wir häufig die Höhenattribute von Elementen manipulieren. Manchmal müssen wir möglicherweise die Höhe eines Elements dynamisch ändern, und manchmal müssen wir das Höhenattribut eines Elements entfernen. In diesem Artikel wird erläutert, wie Sie mit jQuery das Höhenattribut eines Elements entfernen, und es werden spezifische Codebeispiele bereitgestellt. Bevor wir jQuery zum Betreiben des Höhenattributs verwenden, müssen wir zunächst das Höhenattribut in CSS verstehen. Das Höhenattribut wird verwendet, um die Höhe eines Elements festzulegen

Titel: jQuery-Tipps: Ändern Sie schnell den Text aller Tags auf der Seite. In der Webentwicklung müssen wir häufig Elemente auf der Seite ändern und bedienen. Wenn Sie jQuery verwenden, müssen Sie manchmal den Textinhalt aller a-Tags auf der Seite gleichzeitig ändern, was Zeit und Energie sparen kann. Im Folgenden wird erläutert, wie Sie mit jQuery den Text aller Tags auf der Seite schnell ändern können, und es werden spezifische Codebeispiele angegeben. Zuerst müssen wir die jQuery-Bibliotheksdatei einführen und sicherstellen, dass der folgende Code in die Seite eingefügt wird: <

Titel: Verwenden Sie jQuery, um den Textinhalt aller Tags zu ändern. jQuery ist eine beliebte JavaScript-Bibliothek, die häufig zur Verarbeitung von DOM-Operationen verwendet wird. Bei der Webentwicklung müssen wir häufig den Textinhalt des Link-Tags (eines Tags) auf der Seite ändern. In diesem Artikel wird erläutert, wie Sie mit jQuery dieses Ziel erreichen, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir die jQuery-Bibliothek in die Seite einführen. Fügen Sie den folgenden Code in die HTML-Datei ein:

Implementierungsschritte: 1. Führen Sie die JSTL-Tag-Bibliothek in die JSP-Seite ein. 3. Paginieren Sie die Daten. 5. Zeigen Sie die Nummer entsprechend der aktuellen Seite an Rufen Sie einfach die entsprechenden Daten aus den Paging-Daten ab und zeigen Sie sie auf der Seite an.

Wie kann man feststellen, ob ein jQuery-Element ein bestimmtes Attribut hat? Wenn Sie jQuery zum Betreiben von DOM-Elementen verwenden, stoßen Sie häufig auf Situationen, in denen Sie feststellen müssen, ob ein Element ein bestimmtes Attribut hat. In diesem Fall können wir diese Funktion einfach mit Hilfe der von jQuery bereitgestellten Methoden implementieren. Im Folgenden werden zwei häufig verwendete Methoden vorgestellt, um festzustellen, ob ein jQuery-Element über bestimmte Attribute verfügt, und um spezifische Codebeispiele anzuhängen. Methode 1: Verwenden Sie die Methode attr() und den Operator typeof //, um zu bestimmen, ob das Element ein bestimmtes Attribut hat

Kann JSP durch PHP ersetzt werden? JSP (JavaServerPages) und PHP (HypertextPreprocessor) sind häufig verwendete serverseitige Skriptsprachen zur dynamischen Generierung von Webseiteninhalten. Obwohl sie jeweils ihre eigenen Eigenschaften und Vorteile haben, können sie sich in der praktischen Anwendung gegenseitig vollständig ersetzen? In diesem Artikel werden die Vor- und Nachteile der beiden analysiert und anhand spezifischer Codebeispiele verglichen. Schauen wir uns zunächst die jeweiligen Eigenschaften von JSP und PHP an. JSP basiert auf Java
