jsp tidak boleh menggunakan jquery

Ia adalah masalah biasa bahawa JSP tidak boleh menggunakan jQuery. Ramai pemula sering menghadapi masalah ini apabila menggunakan JSP. Oleh kerana JSP ialah teknologi halaman web dinamik yang ditulis dalam bahasa Java, dan jQuery ialah perpustakaan berdasarkan JavaScript, terdapat perbezaan tertentu antara keduanya. Artikel ini akan meneroka sebab JSP tidak boleh menggunakan jQuery dan cara menyelesaikan masalah ini.

1. Sebab mengapa JSP tidak boleh menggunakan jQuery

Anda boleh menggunakan JavaScript untuk menulis skrip dalam JSP, tetapi anda tidak boleh menggunakan jQuery secara langsung. Ini kerana JSP akan menjana program Servlet selepas penyusunan, dan jQuery ialah perpustakaan JavaScript yang perlu ditafsir dan dilaksanakan dalam penyemak imbas. Oleh itu, jika anda meletakkan rujukan jQuery dalam halaman JSP, ia akan menyebabkan ralat penyusunan kerana sintaks jQuery tidak boleh dikenali pada bahagian pelayan.

2. Penyelesaian

1. Rujukan perpustakaan jQuery dalam halaman JSP

Untuk menggunakan jQuery dalam halaman JSP, kami perlu memperkenalkan perpustakaan jQuery ke dalam JSP. Ini boleh dicapai melalui dua cara berikut:

(1) Rujukan dalam talian kepada perpustakaan jQuery

Anda boleh menambah kod berikut pada halaman JSP:

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

The kod akan dimuat turun dari laman web rasmi jQuery Muat turun perpustakaan jQuery dari tapak web dan perkenalkan ke halaman JSP. Kaedah ini sangat mudah, tetapi ia memerlukan memuat turun perpustakaan jQuery dari pelayan jauh setiap kali halaman dimuatkan, yang mungkin menjejaskan kelajuan pemuatan halaman.

(2) Rujuk perpustakaan jQuery secara tempatan

Anda boleh memuat turun perpustakaan jQuery secara tempatan dan merujuknya dalam halaman JSP Ini boleh dicapai melalui langkah berikut:

①Akses tapak web Rasmi jQuery (https://jquery.com) dan muat turun versi terkini perpustakaan jQuery.

②Letakkan fail jQuery yang dimuat turun dalam direktori projek tertentu (seperti direktori "js").

③Rujuk perpustakaan jQuery tempatan dalam halaman JSP Kod sampel adalah seperti berikut:

<script src="${pageContext.request.contextPath}/js/jquery-3.6.0.min.js"></script>

Kod ini memperkenalkan perpustakaan jQuery tempatan ke dalam halaman JSP. Antaranya, ${pageContext.request.contextPath} mewakili laluan direktori akar aplikasi web semasa.

2. Gunakan perpustakaan teg JSTL

JSTL (Pustaka Tag Standard Halaman Server Java) ialah sejenis perpustakaan teg JSP yang boleh memanggil objek Java dengan mudah, melaksanakan pertimbangan bersyarat dan struktur gelung dalam tunggu JSP . JSTL juga menyediakan beberapa tag yang boleh digunakan untuk melaksanakan fungsi yang serupa dengan jQuery. Contohnya: anda boleh menggunakan teg d0d9bdab4076eea66045fa63123be3ee untuk melaksanakan pertimbangan bersyarat, 8f86ca20bf479ad0d2cad5e574c19d8a Teg ini boleh digunakan dengan JavaScript untuk mencapai kesan seperti jQuery.

Sebagai contoh, kita boleh menggunakan kod berikut untuk melaksanakan fungsi delegasi acara yang serupa dengan jQuery:

<c:forEach items="${persons}" var="p">
    <tr>
        <td>${p.id}</td>
        <td>${p.name}</td>
        <td>${p.age}</td>
        <td><button id="delBtn-${p.id}" class="delBtn">删除</button></td>
    </tr>
</c:forEach>

<script>
  $(".delBtn").on("click", function() {
      var btnId = $(this).attr("id");
      var id = btnId.split("-")[1];
      if (confirm("确定删除该条记录？")) {
          window.location.href = "deletePerson.jsp?id=" + id;
      }
  });
</script>

Kod di atas menggunakan teg 8f86ca20bf479ad0d2cad5e574c19d8a menjana jadual, dan menambah butang padam. Apabila pengguna mengklik butang padam, JavaScript digunakan untuk mendapatkan ID butang, mengekstrak ID rekod yang hendak dipadamkan dan melompat ke halaman deletePerson.jsp untuk operasi pemadaman. Acara klik dan kaedah attr yang serupa dengan jQuery digunakan di sini.

Memandangkan JSP tidak boleh menggunakan jQuery secara langsung, kami perlu melaksanakan fungsi yang serupa dengan jQuery dengan memperkenalkan perpustakaan jQuery atau menggunakan perpustakaan tag JSTL. Apabila menggunakannya, anda perlu memahami sepenuhnya perbezaan dan hubungan antara JSP dan JavaScript untuk berjaya menyelesaikan kerja pembangunan.

Atas ialah kandungan terperinci jsp tidak boleh menggunakan jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!