MVC 视图显示分页

        <a href="javascript:showPage('First')" style="margin-left:280px">首页</a>
        <a href="javascript:showPage('Preve')">上一页</a>
        当前第<label id="pageIndex">1</label>页/共<label id="pageCount">1</label>页----
        每页<label id="pageSize">5</label>条/共<label id="totalCount">0</label>条
        <a href="javascript:showPage('Next')">下一页</a>
        <a href="javascript:showPage('Last')">尾页</a>

function show() {
var name = $("#tbName").val();
$.ajax({
url: “https://localhost:44367/api/User/ShowUserList?uName=” + name + “&&pageIndex=” + $("#pageIndex").text() + “&&pageSize=” + $("#pageSize").text(),
dataType: “json”,
type: “get”,
success: function (data) {
$("#tab").empty();
$(data).each(function () {
$("#totalCount").text(data[0].TotalCount);
$("#pageCount").text(data[0].PageCount);
var str = ‘’
+ ‘’ + this.RowNumber + ‘’
+ ‘’ + this.UName + ‘’
+ ‘’ + this.UPhone + ‘’
+ ‘’ + this.UAddress + ‘’
+ ‘’ + this.Sex + ‘’
+ ‘’ + this.UDate + ‘’
+ ‘’ + this.UPrice + ‘’
+ ‘’ + this.LoginState + ‘’
+ ‘’;
$("#tab").append(str);
})
}
})

function showPage(optype) {
var pIndex = $("#pageIndex").text();
var pCount = $("#pageCount").text();
switch (optype) {
case “First”:
pIndex = 1;
break;
case “Preve”:
if (pIndex-1>0) {
pIndex–;
}
break;
case “Next”:
if (pIndex + 1 <= pCount) {
pIndex++;
}
break;
case “Last”:
pIndex = pCount;
break;
}
$("#pageIndex").text(pIndex);
show();

分页的Dal方法
public List ShowUserList(string uName,int pageIndex,int pageSize)
{
string where = “”;
if (!string.IsNullOrEmpty(uName))
{
where += $“and UName like ‘%{uName}%’”;
}
SqlParameter[] paras = new SqlParameter[]
{
new SqlParameter("@where",where),
new SqlParameter("@pageIndex",pageIndex),
new SqlParameter("@pageSize",pageSize),
new SqlParameter("@totalCount",SqlDbType.Int),
new SqlParameter("@pageCount",SqlDbType.Int)
};
paras[3].Direction = ParameterDirection.Output;
paras[4].Direction = ParameterDirection.Output;
var dt = DBHelper.GetDataTableProc(“pr_ShowPage”, paras);
var strlist = JsonConvert.SerializeObject(dt);
var list = JsonConvert.DeserializeObject<List>(strlist);
if (list.Count>0)
{
foreach (var item in list)
{
item.Sex = item.USex ? “男” : “女”;
item.LoginState = item.IsLogin ? “是” : “否”;
item.TotalCount = Convert.ToInt32(paras[3].Value);
item.PageCount = Convert.ToInt32(paras[4].Value);
}
}
return list;
}