js里怎么获取java变量

在JavaScript中获取Java变量主要通过以下几种方式：Java与JavaScript的集成、使用Nashorn引擎、通过JavaScript与Java交互的框架。下面将详细讨论其中的一种方式：Java与JavaScript的集成。

一、Java与JavaScript的集成

JavaScript和Java集成通常在服务器端环境中实现，如在Node.js中使用Java模块，或者在Java Web应用程序中通过JavaScript与Java后端进行交互。

1. 在Java Web应用程序中使用JavaScript与Java交互

在Java Web应用程序中，通常通过JSP（JavaServer Pages）来实现Java与JavaScript的交互。JSP可以在服务器端生成HTML页面，其中嵌入JavaScript代码。这些JavaScript代码可以通过AJAX请求与Java后端进行通信。

1.1 创建一个Java类

首先，创建一个Java类，该类将提供要在JavaScript中访问的变量。

public class MyJavaClass {
    private String message = "Hello from Java";
    public String getMessage() {
        return message;
    }
}

1.2 创建一个Servlet

创建一个Servlet，用于处理客户端的请求，并将Java变量发送给客户端。

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@WebServlet("/getMessage")
public class MyServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        MyJavaClass myJavaClass = new MyJavaClass();
        String message = myJavaClass.getMessage();
        response.setContentType("application/json");
        response.getWriter().write("{"message":"" + message + ""}");
    }
}

1.3 在JSP页面中使用JavaScript

在JSP页面中，通过AJAX请求从Servlet获取Java变量，并在JavaScript中使用该变量。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Java and JavaScript Integration</title>
    <script>
        function fetchMessage() {
            var xhr = new XMLHttpRequest();
            xhr.open("GET", "/your-context-path/getMessage", true);
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    var jsonResponse = JSON.parse(xhr.responseText);
                    document.getElementById("message").innerText = jsonResponse.message;
                }
            };
            xhr.send();
        }
    </script>
</head>
<body onload="fetchMessage()">
    <h1 id="message">Loading...</h1>
</body>
</html>

通过上述步骤，我们实现了在Java Web应用程序中通过AJAX请求获取Java变量，并在JavaScript中使用该变量。

二、使用Nashorn引擎

Nashorn是Java 8引入的一个JavaScript引擎，它允许在JVM上运行JavaScript代码，并且可以在Java和JavaScript之间进行相互调用。

2.1 在Java中执行JavaScript

通过Nashorn引擎，可以在Java代码中嵌入并执行JavaScript代码。

import javax.script.ScriptEngine;
import javax.script.ScriptEngineManager;
import javax.script.ScriptException;
public class NashornExample {
    public static void main(String[] args) {
        ScriptEngineManager manager = new ScriptEngineManager();
        ScriptEngine engine = manager.getEngineByName("nashorn");
        String script = "var message = 'Hello from JavaScript'; message;";
        try {
            Object result = engine.eval(script);
            System.out.println(result);  // 输出 "Hello from JavaScript"
        } catch (ScriptException e) {
            e.printStackTrace();
        }
    }
}

2.2 从JavaScript中调用Java方法

Nashorn引擎还允许在JavaScript代码中调用Java方法。

import javax.script.ScriptEngine;
import javax.script.ScriptEngineManager;
import javax.script.ScriptException;
public class NashornExample {
    public static void main(String[] args) {
        ScriptEngineManager manager = new ScriptEngineManager();
        ScriptEngine engine = manager.getEngineByName("nashorn");
        String script = "var MyJavaClass = Java.type('MyJavaClass'); var myJavaObj = new MyJavaClass(); myJavaObj.getMessage();";
        try {
            Object result = engine.eval(script);
            System.out.println(result);  // 输出 "Hello from Java"
        } catch (ScriptException e) {
            e.printStackTrace();
        }
    }
}
class MyJavaClass {
    private String message = "Hello from Java";
    public String getMessage() {
        return message;
    }
}

通过上述步骤，展示了如何使用Nashorn引擎在Java中执行JavaScript代码，并在JavaScript中调用Java方法。

三、通过JavaScript与Java交互的框架

3.1 使用DWR（Direct Web Remoting）

DWR是一个Java库，它使得通过AJAX调用Java对象变得非常简单。使用DWR，您可以直接在JavaScript中调用Java方法。

3.1.1 配置DWR

首先，在您的项目中添加DWR库，然后在WEB-INF/dwr.xml中配置DWR。

<dwr>
    <allow>
        <create creator="new" javascript="MyJavaClass">
            <param name="class" value="com.example.MyJavaClass"/>
        </create>
    </allow>
</dwr>

3.1.2 创建Java类

package com.example;
public class MyJavaClass {
    private String message = "Hello from Java";
    public String getMessage() {
        return message;
    }
}

3.1.3 在JavaScript中调用Java方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Java and JavaScript Integration with DWR</title>
    <script type="text/javascript" src="/dwr/engine.js"></script>
    <script type="text/javascript" src="/dwr/util.js"></script>
    <script type="text/javascript" src="/dwr/interface/MyJavaClass.js"></script>
    <script>
        function fetchMessage() {
            MyJavaClass.getMessage(function(message) {
                document.getElementById("message").innerText = message;
            });
        }
    </script>
</head>
<body onload="fetchMessage()">
    <h1 id="message">Loading...</h1>
</body>
</html>

通过上述步骤，展示了如何使用DWR库在JavaScript中调用Java方法。

四、通过JavaScript与Java交互的其他框架

4.1 使用Spring Boot和Thymeleaf

Spring Boot和Thymeleaf是用于构建现代Web应用程序的流行组合。通过Spring Boot和Thymeleaf，可以轻松地在Java Web应用程序中集成Java和JavaScript。

4.1.1 创建Spring Boot项目

首先，创建一个Spring Boot项目，并添加Thymeleaf依赖。

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

4.1.2 创建Java类

package com.example.demo;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class MyController {
    @GetMapping("/message")
    public String getMessage(Model model) {
        model.addAttribute("message", "Hello from Java");
        return "message";
    }
}

4.1.3 创建Thymeleaf模板

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Java and JavaScript Integration with Spring Boot</title>
    <script>
        function showMessage() {
            var message = /*[[${message}]]*/ 'Default Message';
            document.getElementById("message").innerText = message;
        }
    </script>
</head>
<body onload="showMessage()">
    <h1 id="message">Loading...</h1>
</body>
</html>

通过上述步骤，展示了如何使用Spring Boot和Thymeleaf在Java Web应用程序中集成Java和JavaScript。

五、总结

通过以上几种方式，我们可以在JavaScript中获取Java变量。具体方法包括Java与JavaScript的集成、使用Nashorn引擎、通过JavaScript与Java交互的框架（如DWR、Spring Boot和Thymeleaf）等。每种方法都有其独特的优势和适用场景，开发者可以根据具体需求选择最合适的方法。