javascript调用java函数

JavaScript调用Java，通常是指在Web应用中，通过Java后端提供RESTful API接口，然后由前端的JavaScript代码来调用这些接口，实现前后端的数据交互和业务逻辑处理，这种方式在现代Web开发中非常常见，可以充分发挥前后端各自的优势，提高开发效率和系统性能。

要实现JavaScript调用Java，需要遵循以下步骤：

1、搭建Java后端环境：首先需要搭建一个Java Web应用环境，可以使用Eclipse、IntelliJ IDEA等IDE工具创建一个Maven或Gradle项目，然后添加Spring Boot、MyBatis等框架，编写Java代码实现业务逻辑。

2、创建RESTful API接口：在Java后端代码中，使用Spring Boot提供的@RestController注解创建一个控制器类，然后在该类中定义一些HTTP请求方法（如GET、POST、PUT、DELETE等），并使用@RequestMapping注解指定请求路径，在这些方法中，可以通过MyBatis等ORM框架操作数据库，获取数据或执行业务逻辑，将处理结果封装成JSON格式返回给前端。

3、配置跨域访问：由于前后端分离的开发模式，前端和后端可能部署在不同的域名或端口上，因此需要配置跨域访问，在Java后端代码中，可以使用Spring Boot提供的@CrossOrigin注解或者配置CORS过滤器来实现跨域访问。

4、编写前端JavaScript代码：在前端页面中，可以使用原生的XMLHttpRequest对象或者Fetch API来发起HTTP请求，调用Java后端提供的RESTful API接口，以下是一个简单的示例：

// 使用Fetch API发起GET请求
fetch('http://localhost:8080/api/users')
  .then(response => response.json())
  .then(data => {
    console.log(data); // 输出获取到的数据
  })
  .catch(error => {
    console.error('Error:', error);
  });
// 使用XMLHttpRequest对象发起POST请求
const xhr = new XMLHttpRequest();
xhr.open('POST', 'http://localhost:8080/api/users', true);
xhr.setRequestHeader('Content-Type', 'application/json;charset=UTF-8');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    const data = JSON.parse(xhr.responseText);
    console.log(data); // 输出提交后返回的数据
  } else if (xhr.readyState === 4) {
    console.error('Error:', xhr.statusText);
  }
};
const user = { name: '张三', age: 18 };
xhr.send(JSON.stringify(user));

javascript调用java函数