jeesite分页异步查询刷新部分页面

最新推荐文章于 2022-12-13 12:46:19 发布

buctjiang

最新推荐文章于 2022-12-13 12:46:19 发布

阅读量2.8k

点赞数

分类专栏：菜鸟的文章标签： jeesite 刷新部分页面 jeesite查询刷新部分页面 ajax 异步查询 jeesite page异步

本文链接：https://blog.csdn.net/buctjiang/article/details/79754444

版权

本文介绍如何在Jeesite框架下，通过修改原有查询方式，实现查询结果仅刷新表格部分，提高用户体验。利用AJAX技术进行异步查询，避免整个页面刷新。

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

原jeesite框架，查询结果返回后刷新整个页面造成有点不方便，现在修改后实现刷新table（部分页面）

注：代码未优化仅实现功能

前端：

<div class="">
    <div>
        <form id="searchForm" modelAttribute="" action="${
   ctx}/sysghg/manager/company" method="post"
              class="breadcrumb form-search">
            <input id="pageNo" name="pageNo" type="hidden" value="${
   page.pageNo}"/>
            <input id="pageSize" name="pageSize" type="hidden" value="${
   page.pageSize}"/>
            <sys:tableSort id="orderBy" name="orderBy" value="${
   page.orderBy}" callback="page();"/>

            <label>企业名称/账户：</label><input id="username" name="username" htmlEscape="false" maxlength="45"
                                          type="text" style="border-radius:5px; "/>
            <label style="margin-left: 30px">企业类型：</label>
            <select id="companyType" name="companyType" class="input" cssStyle="width: 150px">
                <option value="">请选择</option>
                <option value="1">种植业</option>
                <option value="2">养殖业（猪）</option>
                <option value="3">养殖业（奶牛）</option>
                <option value="4">种养结合（猪）</option>
                <option value="5">种养结合（奶牛）</option>
            </select>
            <label style="margin-left: 30px">企业行政区域：</label>
            <select id="province" name="province" style="width:120px" class="input"
                    οnchange="getCityByProId(this.value)">
                <option value="">请选择</option>
                <c:forEach items="${
   dicAreaList}" varStatus="i" var="dicArea">
                    <option value="${
   dicArea.id}">${
   dicArea.name}</option>
                </c:forEach>
            </select>
            <select id="city" name="city" class="input" οnchange="getAreaByCityId()" style="width:120px">
                <option value="">请选择</option>
            </select>
            <select id="area" name="area" class="input" style="width:120px">
                <option