Comment utiliser JavaScript dans les pages jsp-Questions et réponses frontales-php.cn

Comment utiliser JavaScript dans les pages jsp

PHPz

Libérer： 2023-04-25 17:41:19

original

2100 Les gens l'ont consulté

JSP (Java Server Pages) est un framework de développement Web côté serveur basé sur la technologie Java qui peut être utilisé pour créer des sites Web et des applications Web dynamiques. JSP dispose d'un riche ensemble de bibliothèques et d'outils Java qui aident les développeurs à créer rapidement et efficacement des applications Web de haute qualité. Cependant, un problème rencontré par de nombreux développeurs lors de la création de sites Web à l'aide de JSP est l'utilisation de JavaScript.

JavaScript est un puissant langage de programmation côté client utilisé pour ajouter de l'interactivité et de la dynamique aux sites Web. JavaScript peut être utilisé pour valider des formulaires, modifier des éléments en HTML, implémenter des effets d'animation et d'autres fonctions. Cependant, comme JSP est un programme Java exécuté côté serveur et ne peut pas appeler directement JavaScript dans le navigateur client, de nombreux développeurs pensent que JSP ne peut pas utiliser JavaScript.

Cependant, en fait, JSP peut utiliser JavaScript. JSP propose de nombreuses façons d'utiliser JavaScript. Examinons chacune de ces méthodes.

Intégrer le code JavaScript directement dans la page JSP

C'est la manière la plus simple et la plus courante. Utilisez la balise script pour intégrer du code JavaScript dans la page JSP, comme indiqué ci-dessous :

<html>
<head>
  <title>JSP 中使用 JavaScript</title>
</head>
<body>
  <h1>欢迎来到我的网站</h1>
  <script type="text/javascript">
    // 在这里编写 JavaScript 代码
    alert("Hello World!");
  </script>
</body>
</html>

Copier après la connexion

En utilisant cette méthode, vous pouvez écrire du code JavaScript directement dans la page JSP pour implémenter diverses fonctions.

Définir des fonctions dans des fichiers JavaScript externes et les appeler dans des pages JSP

Les pages JSP peuvent être appelées en liant des fichiers JavaScript externes aux fonctions JavaScript. Cette approche évite d'intégrer beaucoup de code JavaScript dans la page et rend le code plus facile à maintenir.

Définissez la fonction dans le fichier JavaScript externe :

// 引用外部 JavaScript 文件
function sayHello() {
  alert("Hello World!");
}

Copier après la connexion

Appelez la fonction ci-dessus dans la page JSP :

<html>
<head>
  <title>JSP 中使用 JavaScript</title>
  <script type="text/javascript" src="hello.js"></script>
</head>
<body>
  <h1>欢迎来到我的网站</h1>
  <button onclick="sayHello()">点击这里</button>
</body>
</html>

Copier après la connexion

L'attribut onclick du HTML est utilisé ici. Appelez la fonction, et lorsque l'utilisateur clique sur le bouton, une boîte de dialogue apparaîtra affichant "Hello World!".

Utilisez la technologie AJAX dans JSP pour appeler des méthodes Java côté serveur

AJAX est l'abréviation de Asynchronous JavaScript et XML, qui fait référence à L'utilisation de la technologie JavaScript et XML est une technologie qui met à jour une partie du contenu d'une page sans actualiser la page entière. Grâce à la technologie AJAX, les pages JSP peuvent appeler des méthodes Java côté serveur pour réaliser certaines fonctions avancées. Voici un exemple simple :

Définir une classe Java :

public class MyUtil {
  public static String getData() {
    // 这里返回一些数据
    return "some data";
  }
}

Copier après la connexion

Définir un morceau de code JavaScript dans la page JSP :

function getData() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      var data = xhr.responseText;
      // 处理返回的数据
      alert(data);
    }
  }
  xhr.open("GET", "MyServlet", true);
  xhr.send();
}

Copier après la connexion

In la page JSP Appelez la fonction JavaScript ci-dessus dans :

<html>
<head>
  <title>JSP 中使用 JavaScript</title>
</head>
<body>
  <h1>欢迎来到我的网站</h1>
  <button onclick="getData()">获取数据</button>
</body>
</html>

Copier après la connexion

Dans cet exemple, une fonction JavaScript getData() est définie dans la page JSP, qui appelle la méthode Java côté serveur MyUtil.getData() via Technologie AJAX, et Afficher les données renvoyées dans une boîte de dialogue.

Ci-dessus sont les trois méthodes d'utilisation de JavaScript dans JSP. Les développeurs peuvent choisir la méthode la plus appropriée en fonction de la situation spécifique. Bien que JSP ne puisse pas appeler directement JavaScript dans le navigateur, grâce aux méthodes ci-dessus, JSP peut toujours facilement réaliser diverses interactions puissantes et effets dynamiques.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!