在Web开发中,JavaScript（JS）和Java是两种不同的编程语言，分别用于前端和后端的开发，有时我们需要在JS页面中调用Java方法，特别是在使用一些框架或库时，如Spring MVC、AngularJS等，下面将介绍如何在JS页面中写Java方法。
了解JS与Java的交互方式
在Web应用中,JS和Java之间的交互主要通过后端接口进行，也就是说，JS页面通过发送HTTP请求到后端服务器，后端服务器使用Java代码处理请求并返回结果，要在JS页面中调用Java方法，首先需要了解如何向后端发送请求。
使用AJAX技术发送请求
在JS页面中,可以使用AJAX（Asynchronous JavaScript and XML）技术向后端发送请求，AJAX可以在不刷新页面的情况下与服务器交换数据并更新部分网页内容，可以使用XMLHttpRequest对象或Fetch API来发送HTTP请求，这些请求可以携带参数，后端服务器接收到请求后，会调用相应的Java方法进行处理。
编写Java方法处理请求
在后端服务器上,需要编写Java代码来处理JS页面发送的请求，可以使用Servlet、Spring MVC等框架来处理HTTP请求，在Java代码中，可以编写相应的方法来处理不同的请求类型和参数，并返回结果，这些结果可以是数据、状态码等。
在JS页面中调用Java方法
在JS页面中,可以通过发送AJAX请求来调用后端的Java方法，可以使用JavaScript的XMLHttpRequest对象或Fetch API来发送GET、POST等类型的请求，在发送请求时，需要指定请求的URL、请求类型、参数等信息，当请求返回结果后，JS页面可以根据返回的结果进行相应的处理。
插入代码：
以下是一个简单的示例代码,演示了如何在JS页面中调用Java方法：
<!DOCTYPE html>
<html>
<head>JS调用Java方法示例</title>
<script type="text/javascript">
function callJavaMethod() {
var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象
var url = "http://srywx.com/your_java_method_url"; // 设置请求的URL，这里应该是你的Java方法对应的后端接口URL
xhr.open("POST", url, true); // 发送POST请求到后端服务器
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // 设置请求头信息
xhr.onreadystatechange = function() { // 监听响应状态变化事件
if (xhr.readyState === 4 && xhr.status === 200) { // 当响应状态码为200时表示请求成功
var result = xhr.responseText; // 获取返回的文本结果
// 在这里可以根据返回的结果进行相应的处理，如更新页面内容等。
console.log(result); // 打印返回结果到控制台（仅供调试使用）
}
};
// 在这里可以设置请求的参数或其他信息，然后调用send()方法发送请求，这里省略了设置参数的代码。
xhr.send(); // 发送请求到后端服务器。
}
</script>
</head>
<body>
<a href="#" onclick="callJavaMethod()" title="调用Java方法">点击这里调用Java方法</a> <!-- 通过点击链接来调用callJavaMethod()函数 -->
</body>
</html>
这段代码演示了如何使用JavaScript的XMLHttpRequest对象来向后端发送POST请求,并监听响应状态变化事件来获取和处理返回的结果，在实际开发中，你需要将http://srywx.com/your_java_method_url替换为你自己的Java方法对应的后端接口URL，并根据具体的需求设置请求的参数和其他信息。
