一文就可以使用ajax实现基础的表单提交 ajax原来这么简单

ajax

form

代码语言：javascript复制

<form id="form1" action="/award/exportdata">
    开始时间<input type="date" name="from" id="from">
    结束时间<input type="date" name="to" id="to">
    <input type="button" onclick="exportdata()" value="导出">
</form>

直接传递表单数据

代码语言：javascript复制

<script>
    function exportdata() {
        $(function () {
            $.ajax({
                data: $('#form1').serialize(),
                url: "/award/exportdata",  //路径 只需改为你的路径即可
                type: "get",
                dataType: "json",
                success: function (data) {
                    alert(data);
                }

        })
    }
    )
    ;

    }


</script>

接口

代码语言：javascript复制

 @GetMapping("exportdata")
    @ResponseBody
    public String exportdata(HttpServletResponse response,Date from,Date to){
       return from.toString() "---" to.toString();
    }

这样就实现了简单的ajax对表单信息的接受和处理

ajax 表单 基础 接口 数据

0 人点赞