ajax分页迭代<c:foreach><select><option>显示不同行数跳转下一页mysql+spring+ajax

最新推荐文章于 2023-02-13 21:22:52 发布

置顶

繁花流水cong

最新推荐文章于 2023-02-13 21:22:52 发布

阅读量1.7k

点赞数

分类专栏： java 技术分页 ajax 文章标签： spring ajax c语言 select

本文链接：https://blog.csdn.net/baidu_34386466/article/details/53618858

版权

本文介绍了如何使用Ajax、Spring和MySQL实现分页功能，特别是在页面上动态更改每页显示的行数。关键在于利用JSP中的<c:forEach>标签和JavaScript配合Ajax将用户选择的行数传递给Spring MVC的Controller层进行处理。Controller层分别对应不同的分页操作，如获取列表、切换行数、前进页和后退页。详细代码和逻辑分析帮助理解整个流程。

摘要由CSDN通过智能技术生成

ajax分页迭代显示不同行数跳转下一页mysql+spring+ajax
话不多说，直接上代码。。。

equip_monitor.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>设备监测</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="../js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../js/Calender.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
    
        $('#sect').blur(function() {
    
            var sel = document.getElementById('sect').value;
            setline(sel)
        })
    })
    function setline(line) {
    

        $.ajax({
            type : "post",
            url : '${pageContext.request.contextPath}/equip/changeline.action',
            data : "line=" + line,
            success : function(data) {
    

            }
        });
    }
</script>
</head>
<body id="body">

    <form action="getDate.jsp">
        搜索:<input type="text">
        <button type="submit">点击搜索</button>
    </form>
    <form name="date" method="post" action="getDate.jsp">
        <select name="year">
        </select>年 <select name="month">
        </select>月 <select name="day">
        </select>日
        <button type="submit">提交查询</button>
    </form>

    <br> 显示数据行数：
    <select name="option" id="sect">
        <option value="10">10</option>