小伙伴们早上好呀,现在姐姐讲解的是如何用layui+asp.net webapi实现分页模糊查询。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200607093600461.png#pic_center)
图[1.0]分页模糊查询示意图
<div class="layui-card">
<!-- 搜索框-->
<div class="layui-card-header">
<div class="layui-row">
<div class="layui-col-md4">.</div>
<div class="layui-col-md4">
<div class="layui-card-header">
<input id="content" type="text" placeholder="搜索标题" class="search-input" />
<a class="a-search" onclick="searchData();"><i class="iconfont" style="font-size:35px;"></i></a>
</div>
</div>
<div class="layui-col-md4">.</div>
</div>
</div>
<div class="layui-card-body">
<div>
<div class="layui-row">
<div class="layui-col-md2">.</div>
<div class="layui-col-md8">
<!-- 显示:法律数据、分页、模糊查询 -->
<!-- 数据初始化bigin -->
<!-- 分页 -->
<div id="paging" style="margin:0 0px 0 180px;"></div>
<!-- 加载数据的地方 -->
<div class="law-dataItem">
<ul class="ul-law-dataItem"></ul>
</div>
</div>
<div class="layui-col-md2">.</div>
</div>
</div>
</div>
</div>
<style>
.a-shishi {
font-family: 'microsoft yahei','Helvetica Neue', Helvetica, Arial, sans-serif;
/*上右下左*/
padding: 0 12px 0 12px;
font-size: 18px;
line-height: 39px;
}
.a-search {
color: #969696 !important;
position: absolute;
width: 30px;
height: 30px !important;
margin: 0 0 0 -45px;
cursor: pointer;
}
.search-input {
border-radius: 40px;
height: 30px;
font-size: 14px;
background: #eee;
border: 1px solid #eee;
padding: 0 40px 0 20px;
width: 150px;
}
</style>
<script>
//初始化分页
$(function () {
var id = $.getUrlParam('id');//法律类型编号
getPageData