zoukankan      html  css  js  c++  java
  • ajax分页

    MVC cshtml:

    第一次加载:

    @*信息*@
      <div id="f">
            @{ List<know> klist = new knowdata().select1();
               foreach (know k in klist)
               {
                <div style=" 100%; height: 30px; line-height: 30px; margin-top: 10px; cursor: pointer;" onclick="change(@k.ids)">
                    <div style="float: left">@k.title</div>
                    <div style="float: right">@k.ktime</div>
                </div>
               }
            }
        </div>

    分页按钮设置:

     @*分页*@
        <div style=" margin-left: 70%;position:relative;height:50px;">
            当前第<span id="sp-number">1</span><input type="button" class="btn btn-primary" value="上一页" id="btn1" />
            <input type="button" class="btn btn-primary" value="下一页" id="btn2" />
    
            @{
                List<know> klist1 = new knowdata().select();
                int cd = Convert.ToInt32(Math.Ceiling(klist1.Count() * 1.0 / 5));
            
                @:共<label id="lab1">@cd</label>页
            }
        </div>

    js里:

    <script>
    
        var pageCount = 5;
        var pageNumber = 1;
        //上一页
        document.getElementById("btn1").onclick = function () {
            pageNumber--;
            if (pageNumber < 1) {
    
                pageNumber = 1;
            }
            else {
                Load(pageCount, pageNumber);
            }
        };
        //下一页
        document.getElementById("btn2").onclick = function () {
            pageNumber++;
            var ss = $("#lab1").text();
            if (pageNumber > ss) {
                pageNumber = ss;
            }
            else {
                Load(pageCount, pageNumber);
            }
        };
        //分页加载
        function Load(count, number) {
            $.ajax({
                url: "/ajax/Kload.ashx",
                data: { "count": count, "number": number },
                type: "post",
                dataType: "json",
                success: function (data) {
                    document.getElementById("f").innerHTML = "";
                    for (i in data) {
                        var end = "<div style=" 100%; height: 30px; line-height: 30px; margin-top: 10px;cursor:pointer;" onclick="change(" + data[i].ids + ")">";
                        end += "<div style="float: left">" + data[i].con + "</div>";
                        end += "<div style="float: right">" + data[i].ntime + "</div>";
                        end += "</div>";
    
                        document.getElementById("f").innerHTML += end;
                    }
                    document.getElementById("sp-number").innerHTML = number;
    
                }
            });
        };


      function change(a) {
            window.open("/home/Knowdetail?key=" + a);
        }

    ajax里:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using aihu.Models;
    namespace aihu.ajax
    {
        /// <summary>
        /// Kload 的摘要说明
        /// </summary>
        public class Kload : IHttpHandler
        {
    
            public void ProcessRequest(HttpContext context)
            {
                List<know> klist = null;
                int c = Convert.ToInt32(context.Request["count"]);
                int n = Convert.ToInt32(context.Request["number"]);
                string json = "[";
                using (aihuDataContext con = new aihuDataContext())
                {
                    //int cou= Convert.ToInt32(Math.Ceiling(con.news.Count() * 1.0 / c));
                    //if (n > cou)
                    //{ nlist = null; }
                    //else
                    //{
                    klist = con.know.Skip((n - 1) * c).Take(c).ToList();
                    //}
                }
                int count = 0;
                foreach (know k in klist)
                {
                    if (count > 0)
                    { json += ","; }
                    json += "{"con":"" + k.title + "","ntime":"" + k.ktime + "","ids":"" + k.ids + ""}";
                    count++;
                }
                json += "]";
                context.Response.Write(json);
                context.Response.End();
            }
    
            public bool IsReusable
            {
                get
                {
                    return false;
                }
            }
        }
    }
  • 相关阅读:
    jsonp 监控简陋代码
    Oracle多线程并行使用、关联与指定索引执行
    Oracle计算时间差表达式
    行查列显
    JS时间
    通过string型类名实例化一个类
    sotower1.5-LS_工作流容易出错的地方
    oracle11g ORA-12505
    华项笔记本显示颜色变黄,调整好了重启还是偏黄
    ORA-00031: session marked for kill 处理Oracle中杀不掉的锁
  • 原文地址:https://www.cnblogs.com/wy1992/p/6719162.html
Copyright © 2011-2022 走看看