ajax无刷新分页的简单实现

(编辑：jimmy 日期: 2024/11/28 浏览：3 次 )

本文实例为大家分享了ajax无刷新分页的具体代码，供大家参考，具体内容如下

html页

<html>
<head>
  <title></title>
      <style type="text/css">
  table{ border:solid 1px #444; background-color:Aqua;}
  table td{border:solid 1px #444;}
  </style>
  <script src="/UploadFiles/2021-04-02/Jquery1.7.js">

WebService1.asmx




using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Data;


namespace 分页
{
  /// <summary>
  /// WebService1 的摘要说明
  /// </summary>
  [WebService(Namespace = "http://tempuri.org/")]
  [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
  [System.ComponentModel.ToolboxItem(false)]
  // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
  [System.Web.Script.Services.ScriptService]
  public class WebService1 : System.Web.Services.WebService
  {


    [WebMethod]
    public string HelloWorld()
    {
      return "Hello World";
    }
    [WebMethod]
    public List<Model.T_News1> GetListAjax(int pagesize,int pageindex)
    {
      BLL.T_News1 bnews = new BLL.T_News1();
      DataTable dt = bnews.GetListDataTable(pagesize,pageindex);
      List<Model.T_News1> list = new List<Model.T_News1>();
      int Id;
      string newstitle = "";
      string newscontent = "";
      DateTime createtime;
      for (int i = 0; i < dt.Rows.Count; i++)
      {
        Id = Convert.ToInt32(dt.Rows[i]["Id"]);
        newstitle = dt.Rows[i]["NewsTitle"].ToString();
        newscontent = dt.Rows[i]["NewsContent"].ToString();
        createtime = Convert.ToDateTime(dt.Rows[i]["CreateTime"]);
        Model.T_News1 news = new Model.T_News1()
        {


          Id = Id,
          NewsTitle = newstitle,
          NewsContent = newscontent,
          CreateTime = createtime
        };
        list.Add(news);
      }
      return list;
        
    }
    [WebMethod]
    public int GetLastPageindex(int pagesize)
    {
      BLL.T_News1 bnews = new BLL.T_News1();
      int totalcount = bnews.GetRecordCount("");
      if (totalcount % pagesize == 0)
      {
        return totalcount / pagesize;
      }
      else
      {
        return totalcount / pagesize + 1;
      }
    }


  }
}




以上就是ajax无刷新分页实现的关键代码，希望对大家的学习有所帮助。

上一篇：如何使用AJAX实现按需加载【推荐】
下一篇：ajax实现无刷新省市县三级联动