用代码详细说明用eclipse做一个网页，有HTML和js，输入车牌号，点击查询，显示金额在页面上，并实现跨域。并且详细说明如何创建自己的服务器端进行代理处理跨域请求。接口如下：http://10.198.8.102:8081/TruckParkTime?Token=Parking2023&TruckNo=粤AFN8885；返回结果如下"{"Code": "0","ErrorMsg": "0","TruckNo": "粤AFN8885","Intime": "2023/7/18 8:36:01","ParkTime": "27","Money": "0"}"

好的！下面是一个使用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=" + encodeURIComponent(truckNo); var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.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 responseCode = connection.getResponseCode(); if (responseCode == 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`来查看和测试这个网页。请注意，使用代理服务来处理跨域请求是一种常见的解决方案。当然，实际部署时，您可能需要根据自己的需求和环境进行适当的调整和安全控制。

阅读全文

CSDN会员

开通CSDN年卡参与万元壕礼抽奖

海量 VIP免费资源千本正版电子书商城会员专享价千门课程&专栏

全年可省5,000元立即开通

最新推荐

Eclipse中实现JS代码提示功能（图文教程）

数学建模拟合与插值.ppt

MATLAB实现小波阈值去噪：Visushrink硬软算法对比

管理建模和仿真的文件

【交互特征的影响】：分类问题中的深入探讨，如何正确应用交互特征

c语言从链式队列 中获取头部元素并返回其状态的函数怎么写

易语言实现画板图像缩放功能教程

"互动学习：行动中的多样性与论文攻读经历"

【交互特征：优化与调试的艺术】：实战技巧，提升回归模型与分类模型的性能

用IDEA写一个高速收费系统框架附带代码

c语言从链式队列中获取头部元素并返回其状态的函数怎么写