Heim Web-Frontend js-Tutorial jQuery-JSP-Dropdown-Box-Verknüpfungsmethode zum Abrufen lokaler Daten (Quellcode angehängt)_jquery

jQuery-JSP-Dropdown-Box-Verknüpfungsmethode zum Abrufen lokaler Daten (Quellcode angehängt)_jquery

May 16, 2016 pm 03:27 PM
jquery jsp

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

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

 <head>

 <title>JQuery实例-级联下拉框效果</title>

 <meta http-equiv= "Content-Type" content="text/html";charset=UTF-8">

 <link type="text/css" rel="stylesheet" href="css/chainselect.css" />

 <script type="text/javascript" src="js/jquery.js"></script>

 <script type="text/javascript" src="js/chainselect.js"></script>

 </head>

 <body>

 <div class="loading">

  <p><img src="/static/imghw/default1.png"  data-src="images/data-loading.gif"  class="lazy" alt="jQuery-JSP-Dropdown-Box-Verknüpfungsmethode zum Abrufen lokaler Daten (Quellcode angehängt)_jquery" /></p>

  <p>jQuery-JSP-Dropdown-Box-Verknüpfungsmethode zum Abrufen lokaler Daten (Quellcode angehängt)_jquery......</p>

 </div>

 <div class="car">

  <span class="carname">

  汽车厂商:

  <select>

   <option value="" selected="selected">请选择汽车厂商</option>

   <option value="BMW">宝马</option>

   <option value="Audi">奥迪</option>

   <option value="VW">大众</option>

  </select>

  <img src="/static/imghw/default1.png"  data-src="images/pfeil.gif"  class="lazy" alt="有数据" />

  </span>

  <span class="cartype">

  汽车类型:

  <select></select>

  <img src="/static/imghw/default1.png"  data-src="images/pfeil.gif"  class="lazy" alt="有数据" />

  </span>

  <span class="wheeltype">

  车轮类型:

  <select></select>

  </span>

 </div>

 <div class="carimage">

  <p><img class="carloading lazy"  src="/static/imghw/default1.png"  data-src="images/img-loading.gif"  alt="图片装载中" /></p>

  <p><img class="carimg lazy"  src="/static/imghw/default1.png"  data-src="images/BMW_316ti_rha.jpg"  alt="汽车图片"/></p>

 </div>

 </body>

</html>

Nach dem Login kopieren

Ä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

.loading {

 width: 400px;

 /*margin-left: auto;*/

 /*margin-right: auto;*/

 margin: 0 auto;

 visibility: hidden;

}

.loading p {

 text-align: center;

}

p {

 margin: 0;

}

.car {

 /*width: 500px;*/

 /*margin: 0 auto;*/

 text-align: center;

}

.carimage {

 text-align: center;

}

.cartype, .wheeltype, .carloading, .carimg, .car img {

 display: none;

}

Nach dem Login kopieren

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

$(document).ready(function(){

 //找到三个下拉框

 var carnameSelect = $(".carname").children("select");

 var cartypeSelect = $(".cartype").children("select");

 var wheeltypeSelect = $(".wheeltype").children("select");

 var carimg = $(".carimg");

 //给三个下拉框注册事件

 carnameSelect.change(function(){

 //1.需要获得当前下拉框的值

 var carnameValue = $(this).val();

 //1.1只要第一个下拉框内容有变化,第三个下拉框都要先隐藏起来

 wheeltypeSelect.parent().hide();

 //1.2将汽车图片隐藏起来

 carimg.hide().attr("src","");

 //2.如果值不为空,则将下拉框的值传送给服务器

 if (carnameValue != "") {

  if (!carnameSelect.data(carnameValue)) {

  //对应服务器端程序 CarJsonServlet的属性,并将该Servlet中的数据转换为JSON格式

  $.post("CarJsonServlet",{keyword: carnameValue, type: "top"},function(data){

   //2.1接收服务器返回的汽车类型 ,data为数组格式

   if (data.length != 0) {

   //2.2解析汽车类型的数据,填充到汽车类型的下拉框中

   cartypeSelect.html("");

   $("<option value=''>请选择汽车类型</option>").appendTo(cartypeSelect);

   for (var i = 0; i < data.length; i++) {

    $("<option value='" + data[i] + "'>" + data[i] + "</option>").appendTo(cartypeSelect);

   }

   //2.2.1汽车类型的下拉框显示出

   cartypeSelect.parent().show();

   //2.2.2第一个下拉框后面的指示图片显示出来

   carnameSelect.next().show();

   } else {

   //2.3没有任何汽车类型的数据

   cartypeSelect.parent().hide();

   carnameSelect.next().hide();

   }

   carnameSelect.data(carnameValue, data);

  }, "json");

  }

 } else {

  //3.如果值为空,那么第二个下拉框所在span要隐藏起来,第一个下拉框后面的指示图片也要隐藏

  cartypeSelect.parent().hide();

  carnameSelect.next().hide();

 }

 });

 cartypeSelect.change(function(){

 //1.需要获得当前下拉框的值

 var cartypeValue = $(this).val();

 //1.1将汽车图片隐藏起来

 carimg.hide().attr("src","");

 //2.如果值不为空,则将下拉框的值传送给服务器

 if (cartypeValue != "") {

  if (!cartypeSelect.data(cartypeValue)) {

  $.post("CarJsonServlet",{keyword: cartypeValue, type: "sub"},function(data){

   //2.1接收服务器返回的汽车类型

   if (data.length != 0) {

   //2.2解析汽车类型的数据,填充到车轮类型的下拉框中

   wheeltypeSelect.html("");

   $("<option value=''>请选择车轮类型</option>").appendTo(wheeltypeSelect);

   for (var i = 0; i < data.length; i++) {

    $("<option value='" + data[i] + "'>" + data[i] + "</option>").appendTo(wheeltypeSelect);

   }

   //2.2.1车轮类型的下拉框显示出

   wheeltypeSelect.parent().show();

   //2.2.2第二个下拉框后面的指示图片显示出来

   cartypeSelect.next().show();

   } else {

   //2.3没有任何汽车类型的数据

   wheeltypeSelect.parent().hide();

   cartypeSelect.next().hide();

   }

   cartypeSelect.data(cartypeValue, data);

  }, "json");

  }

 } else {

  //3.如果值为空,那么第三个下拉框所在span要隐藏起来,第二个下拉框后面的指示图片也要隐藏

  wheeltypeSelect.parent().hide();

  cartypeSelect.next().hide();

 }

 });

 wheeltypeSelect.change(function(){

 //1.获取车轮类型

 var wheeltypeValue = $(this).val();

 //2.根据汽车厂商名称,汽车型号和车轮类型得到汽车图片的文件名

 var carnameValue = carnameSelect.val();

 var cartypeValue = cartypeSelect.val();

 var carimgname = carnameValue + "_" + cartypeValue + "_" + wheeltypeValue + ".jpg";

 //3.显示出loading的图片

 carimg.hide();

 $(".carloading").show();

 //4.通过Javascript中的Image对象预装载图片

 var cacheimg = new Image();

 $(cacheimg).attr("src","images/" + carimgname).load(function(){

  //隐藏loading图片

  $(".carloading").hide();

  //显示汽车图片

  carimg.attr("src","images/" + carimgname).show();

 });

 //3.修改汽车图片节点的src的值,让汽车图片显示出来

 //carimg.attr("src","images/" + carimgname).show();

 //4.使汽车图片的节点显示出来

 });

 //给jQuery-JSP-Dropdown-Box-Verknüpfungsmethode zum Abrufen lokaler Daten (Quellcode angehängt)_jquery的节点定义ajax事件,实现动画提示效果

 $(".loading").ajaxStart(function(){

 $(this).css("visibility","visible");

 $(this).animate({

  opacity: 1

 },0);

 }).ajaxStop(function(){

 $(this).animate({

  opacity: 0

 },500);

 });

})

Nach dem Login kopieren
Frage? ? ? :$("").appendTo(cartypeSelect);Wie löst man hier die verstümmelten chinesischen Zeichen? ? ?

Serverseitiges CarJsonServlet

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

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;

public class CarJsonServlet extends HttpServlet {

 public void doGet(HttpServletRequest request, HttpServletResponse response)

  throws ServletException, IOException {

 this.doPost(request, response);

 }

 public void doPost(HttpServletRequest request, HttpServletResponse response)

  throws ServletException, IOException {

 //解决中文乱码

 response.setHeader("Cache-Control", "no-cache");

 response.setContentType("text/json;charset=UTF-8");

 request.setCharacterEncoding("UTF-8");

 //得到type,keyword的值

 String type = request.getParameter("type");

 String keyword = request.getParameter("keyword");

 JSONArray jsonArrayResult = new JSONArray();

 if ("top".equals(type)) {

  if ("BMW".equals(keyword)) {

  jsonArrayResult.add("316ti");

  jsonArrayResult.add("6ercupe");

  } else if ("Audi".equals(keyword)) {

  jsonArrayResult.add("tt");

  } else if ("VW".equals(keyword)) {

  jsonArrayResult.add("Golf4");

  }

 } else if ("sub".equals(type)) {

  if ("tt".equals(keyword)) {

  jsonArrayResult.add("rha");

  jsonArrayResult.add("rhb");

  jsonArrayResult.add("rhc");

  } else if ("316ti".equals(keyword)) {

  jsonArrayResult.add("rha");

  jsonArrayResult.add("rhb");

  } else if ("6ercupe".equals(keyword)) {

  jsonArrayResult.add("rha");

  jsonArrayResult.add("rhb");

  jsonArrayResult.add("rhc");

  } else if ("Golf4".equals(keyword)) {

  jsonArrayResult.add("rha");

  jsonArrayResult.add("rhb");

  }

 }

 PrintWriter out = response.getWriter();

 out.write(jsonArrayResult.toString());

 out.flush();

 out.close();

 }

}

Nach dem Login kopieren
Konfigurationsdatei web.xml

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.

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Ausführliche Erläuterung der jQuery-Referenzmethoden: Kurzanleitung Ausführliche Erläuterung der jQuery-Referenzmethoden: Kurzanleitung Feb 27, 2024 pm 06:45 PM

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? Wie verwende ich die PUT-Anfragemethode in jQuery? Feb 28, 2024 pm 03:12 PM

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? Wie entferne ich das Höhenattribut eines Elements mit jQuery? Feb 28, 2024 am 08:39 AM

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

jQuery-Tipps: Ändern Sie schnell den Text aller a-Tags auf der Seite jQuery-Tipps: Ändern Sie schnell den Text aller a-Tags auf der Seite Feb 28, 2024 pm 09:06 PM

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: &lt

Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern Feb 28, 2024 pm 05:42 PM

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:

So implementieren Sie die JSP-Paging-Funktion So implementieren Sie die JSP-Paging-Funktion Mar 04, 2024 pm 04:40 PM

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? Wie kann man feststellen, ob ein jQuery-Element ein bestimmtes Attribut hat? Feb 29, 2024 am 09:03 AM

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? Kann JSP durch PHP ersetzt werden? Mar 21, 2024 am 11:03 AM

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

See all articles