java 请求接口返回html页面

原创

mob64ca12f10f72 2024-03-26 05:00:45 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12f10f72的原创作品，请联系作者获取转载授权，否则将追究法律责任

通过Java请求接口返回HTML页面

在Web开发中，经常会遇到需要通过Java后端请求接口来获取数据并展示在HTML页面上的需求。本文将介绍如何使用Java代码请求一个接口，然后将返回的数据嵌入到HTML页面中展示出来。

使用Java请求接口

首先，我们需要使用Java代码来请求一个接口并获取返回的数据。下面是一个简单的示例代码，使用Java的HttpURLConnection类来发送一个GET请求并获取返回的数据：

import java.io.BufferedReader;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;

public class HttpRequest {

    public static String sendGetRequest(String url) {
        try {
            HttpURLConnection connection = (HttpURLConnection) new URL(url).openConnection();
            connection.setRequestMethod("GET");

            BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream()));
            StringBuilder response = new StringBuilder();
            String line;

            while ((line = reader.readLine()) != null) {
                response.append(line);
            }

            reader.close();
            connection.disconnect();

            return response.toString();
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
    }

    public static void main(String[] args) {
        String apiUrl = "
        String response = sendGetRequest(apiUrl);
        System.out.println(response);
    }
}

在以上示例中，我们定义了一个HttpRequest类，其中包含了一个sendGetRequest方法用来发送GET请求，并在main方法中调用该方法来请求接口并打印返回的数据。

嵌入HTML页面

接下来，我们可以将返回的数据嵌入到一个HTML页面中展示出来。下面是一个简单的示例HTML页面，其中使用了一个div元素来展示接口返回的数据：

<!DOCTYPE html>
<html>
<head>
    <title>API Data</title>
</head>
<body>
    <div id="api-data"></div>

    <script>
        var apiUrl = '
        fetch(apiUrl)
            .then(response => response.json())
            .then(data => {
                document.getElementById('api-data').innerText = JSON.stringify(data);
            });
    </script>
</body>
</html>

在以上HTML页面中，我们使用了fetch API来请求接口返回的数据，并在页面中展示在一个id为api-data的div元素中。