Question

用户可以将名称添加到列表中，该列表在页面上可见。我想实现从列表中删除所有数据的按钮。我如何更改 HTML5 文件以调用Java方法以及我必须在服务器端执行哪些操作才能接收前端呼叫？

来自现有程序的代码段。

HTML5页面

AllMakesAsync

Java文件。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Hello List!</title>
    </head>

    <body>
        <h1>Hello List!</h1>

        <ul>
            <li th:each="onePart : ${list}">
                <span th:text="${onePart}">hello world!</span>
            </li>
        </ul>

        <h3>Add content to list</h3>

        <form th:action="@{/}" method="GET">
            <input type="text" name="content"/>
            <input type="submit"/>
        </form>
        // Here is my button
        <button onclick="deleteList()">Click me</button>
    </body>
</html>

HTML5前端按钮调用后端Java方法

0 个答案: