通过函数来提交表单数据,并且携带参数

<%--<%@ taglib prefix="s" uri="/struts-tags" %>--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script>
        window.onload = function () {
      
      
            // 给按钮注册点击事件监听器
            document.querySelector("#btn").onclick = function () {
      
      
                test();
            };
        }

        /*
            将2021-12-08T02:15:35的日期时间处理成2021-12-08 02:15:35
         */
        function test() {
      
      
            // 获取表单对象
            var form = document.querySelector("#project-info");
            // 将表单对象中的数据注入到FormData对象中
            var formData = new FormData(form);
            // 获取key为startDate对应的值
            var sd = formData.get("startDate");
            // 根据字符T对日期时间字符串进行分割,得到字符串数组
            sd = sd.split("T");
            // 拼接成yyyy-MM-dd HH:mm:ss格式的日期时间
            sd = sd[0] + " " + sd[1] + ":00";
            // formData.set("startDate", sd);
            // 设置表单对象的请求路径
            form.action = "create.action?startDate=" + sd;
            // 提交数据,发起访问请求
            form.submit();
        }
    </script>
</head>
<body topMargin="10">
<table cellSpacing="6" cellPadding="2" width="100%" border="0">
    <tbody>
    <tr>
        <td>
            <!-- 提交表单开始-->
            <form id="project-info" method="post">
                <table class="tableborder" cellSpacing="0" cellPadding="0"
                       width="100%" border="0">
                    <tr>
                        <td class="altbg1" width="20%"><b>开始时间:</b>
                        </td>
                        <td class="altbg2"><input type="datetime-local" name="startDate"/>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <br/>
                <center>
                    <input id="btn" type="button" value="提交"/>
                </center>
            </form>
            <!-- 提交表单结束 -->
        </td>
    </tr>
    </tbody>
</table>
</body>
</html>

</body>
</html>

参考:
1.https://www.itdaan.com/blog/2013/04/18/d26f13da9de5e2bbd607464da6ad1f8e.html
2.https://www.xp.cn/b.php/97596.html

猜你喜欢

转载自blog.csdn.net/liaowenxiong/article/details/126331350