• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    asp.net点击 查看更多 实现无刷新加载的实现代码
    页面页面的js代码如下,
    复制代码 代码如下:

    script type="text/javascript">
    $(function () {
    function init(count, start) {
    $.ajax({
    type: "GET",
    dataType: "json",
    url: "Handler/Handler.ashx",
    data: { action: "GetMoreNews", count: count, start: start },
    beforeSend: function () { $("#divload").show(); $("#more2").hide(); },
    complete: function () { $("#divload").hide(); $("#more2").show(); },
    success: function (json) {
    var str = "";
    $.each(json, function (index, array) {
    var str = "div class='single_item'>"
    + "div class='element_head'>"
    + "div class='author'>" + array['Title'] +"/div>"
    + "div class='date'>" + array['Date'] + "/div>"
    + "/div>"
    + "div class='content'>" + array['Contents'] + "/div>"
    + "/div>";
    $("#more").append(str);
    });
    if (json == "") {
    $("#more2").html("没有更多内容加载了……");
    }
    }
    });
    }
    var count = 5;
    var start = 0;
    init(count, start);
    $(".get_more").click(function () {
    start += 5;
    init(count, start);
    });
    });
    /script>

    解释上面js的大体意思:定义一个init方法,此方法带有两个参数count和start,count意思是每次加载显示评论数,start意思是,每次从数据库中读取的位置,比如0,5,10。
    Handler.ashx处理页面的代码如下
    复制代码 代码如下:

    页面页面的js代码如下,
    b> script type="text/javascript">
    $(function () {
    function init(count, start) {
    $.ajax({
    type: "GET",
    dataType: "json",
    url: "Handler/Handler.ashx",
    data: { action: "GetMoreNews", count: count, start: start },
    beforeSend: function () { $("#divload").show(); $("#more2").hide(); },
    complete: function () { $("#divload").hide(); $("#more2").show(); },
    success: function (json) {
    var str = "";
    $.each(json, function (index, array) {
    var str = "div class='single_item'>"
    + "div class='element_head'>"
    + "div class='author'>" + array['Title'] +"/div>"
    + "div class='date'>" + array['Date'] + "/div>"
    + "/div>"
    + "div class='content'>" + array['Contents'] + "/div>"
    + "/div>";
    $("#more").append(str);
    });
    if (json == "") {
    $("#more2").html("没有更多内容加载了……");
    }
    }
    });
    }
    var count = 5;
    var start = 0;
    init(count, start);
    $(".get_more").click(function () {
    start += 5;
    init(count, start);
    });
    });
    /script>/b>
    解释上面js的大体意思:定义一个init方法,此方法带有两个参数count和start,count意思是每次加载显示评论数,start意思是,每次从数据库中读取的位置,比如0,5,10。
    Handler.ashx处理页面的代码如下
    [code]
    case "GetMoreNews":
    int count = int.Parse(context.Request.QueryString["count"].ToString());
    int start = int.Parse(context.Request.QueryString["start"].ToString());
    IListWineNews> morenews = WineNewsManager.WineNewsQueryFromMToN(count,start);
    Content = JavaScriptConvert.SerializeObject(morenews);
    break;

    WineNewsQueryFromMToN代码如下
    复制代码 代码如下:

    public static IListWineNews> WineNewsQueryFromMToN(int count,int start)
    {
    using (SqlConnection cn = new SqlConnection(SQLHelp.Conn))
    {
    cn.Open();
    string sql = "SELECT TOP " + count + " f.* FROM tb_WineNews f WHERE Id NOT IN (SELECT TOP " + start + " Id FROM tb_WineNews ORDER BY Id desc) ORDER BY Id desc";
    SqlCommand cmd = new SqlCommand(sql, cn);
    SqlDataReader dr = cmd.ExecuteReader();
    IListWineNews> list = new ListWineNews>();
    while (dr.Read())
    {
    WineNews wineNews = new WineNews();
    if (dr["ID"] != DBNull.Value)
    {
    wineNews.ID = (int)dr["ID"];
    }
    if (dr["Title"] != DBNull.Value)
    {
    wineNews.Title = (string)dr["Title"];
    }
    if (dr["Contents"] != DBNull.Value)
    {
    wineNews.Contents = (string)dr["Contents"];
    }
    if (dr["Picture"] != DBNull.Value)
    {
    wineNews.Picture = (string)dr["Picture"];
    }
    if (dr["Date"] != DBNull.Value)
    {
    wineNews.Date = ((DateTime)dr["Date"]).ToString("yyyy-MM-dd HH:mm:ss");
    }
    list.Add(wineNews);
    }
    dr.Close();
    return list;
    }
    }

    运行效果如下

    作者:陈赛
    您可能感兴趣的文章:
    • asp.net中MVC借助Iframe实现无刷新上传文件实例
    • asp.net使用AJAX实现无刷新分页
    • asp.net中Timer无刷新定时器的实现方法
    • asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
    • Asp.Net 无刷新文件上传并显示进度条的实现方法及思路
    • asp.net+jquery ajax无刷新登录的实现方法
    • Asp.net 2.0 无刷新图片上传 显示缩略图 具体实现
    • asp.net jquery无刷新分页插件(jquery.pagination.js)
    • asp.net Ajax之无刷新评论介绍
    • asp.net 简便无刷新文件上传系统
    • asp.net ajax实现无刷新验证码
    • asp.net 30分钟掌握无刷新 Repeater
    • asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码
    • Asp.net实现无刷新调用后台实体类数据并以Json格式返回
    上一篇:asp.net字符串处理类代码
    下一篇:C#中HTML字符转换函数分享
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    asp.net点击 查看更多 实现无刷新加载的实现代码 asp.net,点击,查看,更多,实现,