好的！下面是一个使用HTML和JavaScript的示例，可以在Eclipse中创建一个带有跨域功能的网页，根据输入的车牌号点击查询按钮，显示金额在页面上，并且使用自己的服务器端进行代理处理跨域
请求：
index.html:
```html
<!DOCTYPE html>
<html>
<head>
<title>查询车辆金额</title>
<script src="script.js"></script>
</head>
<body>
<h1>查询车辆金额</h1>
<label for="truckNoInput">车牌号：</label>
<input type="text" id="truckNoInput" />
<button onclick="queryAmount()">查询</button>
<br><br>
<div id="resultDiv"></div>
</body>
</html>
```
script.js:
```javascript
function queryAmount() {
var truckNo = document.getElementById("truckNoInput").value;
var apiUrl = "
http://localhost:8080/proxy/TruckParkTimeProxy?TruckNo=" + en
codeURIComponent(truckNo);
var xhr = new XML
HttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XML
HttpRequest.DONE) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var money = response.Money;
var resultDiv = document.getElementById("resultDiv");
resultDiv.innerHTML = "车牌号：" + truckNo + "<br>金额：" + money;
} else {
console.log("
请求失败");
}
}
};
xhr.open("GET", apiUrl, true);
xhr.send();
}
```
在这个示例中，我们创建了一个简单的HTML页面，并使用JavaScript来处理点击查询按钮的事件。当用户点击查询按钮时，JavaScript代码将通过发送一个
HTTP GET
请求到自己的服务器端来代理处理跨域
请求。
接下来，我们需要在服务器端创建一个代理来转发
请求并处理跨域问题。
首先，在Eclipse中创建一个Java Web项目，并在项目的src目录下创建一个名为`TruckParkTimeProxyServlet.java`的Servlet文件，内容如下：
```java
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.
HttpURLConnection;
import java.net.URL;
import javax.servlet.ServletException;
import javax.servlet.
http.
HttpServlet;
import javax.servlet.
http.
HttpServletRequest;
import javax.servlet.
http.
HttpServletResponse;
public class TruckParkTimeProxyServlet extends
HttpServlet {
private static final long serialVersionUID = 1L;
protected void doGet(
HttpServletRequest request,
HttpServletResponse response)
throws ServletException, IOException {
String truckNo = request.getParameter("TruckNo");
String apiUrl = "
http://10.198.8.102:8081/TruckParkTime?Token=Parking2023&TruckNo=" + truckNo;
// 发送
HTTP GET
请求获取接口返回结果
URL url = new URL(apiUrl);
HttpURLConnection connection = (
HttpURLConnection) url.openConnection();
connection.setRequestMethod("GET");
int response
Code = connection.getResponse
Code();
if (response
Code ==
HttpURLConnection.
HTTP_OK) {
BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream()));
StringBuilder responseBuilder = new StringBuilder();
String line;
while ((line = reader.readLine()) != null) {
responseBuilder.append(line);
}
reader.close();
String apiResponse = responseBuilder.toString();
// 构建HTML响应
response.setContentType("application/json");
response.setCharacterEncoding("UTF-8");
response.getWriter().println(apiResponse);
} else {
// 处理
请求失败的情况
response.setStatus(
HttpServletResponse.SC_INTERNAL_SERVER_
ERROR);
}
}
}
```
在这个Servlet中，我们
接收来自前端的
请求，并将
请求转发到目标接口URL。然后，我们将接口返回的结果作为响应返回给前端。
接下来，在Web项目的`WEB-INF`目录下的`web.xml`文件中添加Servlet的配置：
```xml
<web-app>
<!-- 其他配置 -->
<servlet>
<servlet-name>TruckParkTimeProxyServlet</servlet-name>
<servlet-class>com.example.TruckParkTimeProxyServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>TruckParkTimeProxyServlet</servlet-name>
<url-pattern>/proxy/TruckParkTimeProxy</url-pattern>
</servlet-mapping>
<!-- 其他配置 -->
</web-app>
```
在这个配置中，我们将Servlet映射到`/proxy/TruckParkTimeProxy`路径上，以便前端通过这个路径来访问代理服务。
最后，您需要将整个项目部署到一个支持Java Servlet的Web服务器（如Tomcat）中。启动Web服务器后，在浏览器中访问`
http://localhost:8080/your-web-project/index.html`来查看和测试这个网页。
请注意，使用代理服务来处理跨域
请求是一种常见的
解决方案。当然，实际部署时，您可能需要根据自己的需求和环境进行适当的调整和安全控制。
8472
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
