jquery 頁面靜態化 asp.net

caces.html頁面

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>成功案例 </title>
<link href="css/Pager.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.pager.js"></script>
</head>
<body>
<form id="form1" runat="server">
<script language="javascript" type="text/javascript">
            var shits;

//頁面加載完的時候進行初始化操作
$(document).ready(function () {
    GetTotal(); //異步取得總頁數
    PageClick(1); //頁面初次加載時顯示第一頁
    $("#pager").pager({ pagenumber: 1, pagecount: shits, buttonClickCallback: PageClick }); //初始化分頁導航
});

 function GetTotal() {
     $.ajax({
         url: 'webashx/newcount.ashx',
         success: function (data) {
             shits = data;
         }
     });
 }

//單節分頁導航數字是執行異步加載數據
 PageClick = function (pageclickednumber) {
     $.ajax({
         url: 'webashx/newsinfo.ashx',
         type: 'GET',
         data: { pageindex: pageclickednumber },
         success: function (data) {
             $("#pager").pager({ pagenumber: pageclickednumber, pagecount: shits, buttonClickCallback: PageClick });
             $("#result").html(data);
         }
     });

 }


        </script>
        <div id="result" style="font-size:13px;">分頁器 </div>
        <div id="pager" ></div>
        <br />
        <br />
        <br />
        <br />
        <br />
    </form>
</body>
</html>

 

casecount.ashx 文件

public class casecount : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/plain";
        Entity.Library.C_casc ty = new Entity.Library.C_casc();
        Query.Library.C_cascQuery qc = new Query.Library.C_cascQuery(ty);
        int k = qc.getcount();//獲取總數
        context.Response.Write(k.ToString());
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }

}

 

caseinfo.ashx  頁面

using System;
using System.Web;
using System.Collections.Generic;
using System.Text;
using System.Data;
public class caseinfo : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
       
        context.Response.ContentType = "text/plain";

        string str = string.Empty;

        //第幾頁
        string pageIndex =context.Request["pageindex"];

        Entity.Library.C_casc ty = new Entity.Library.C_casc();
        Query.Library.C_cascQuery qc = new Query.Library.C_cascQuery(ty);

        var kk = qc.GetpageTable(pageIndex, "2");//第幾頁,每頁顯示2條數據

        StringBuilder sb = new StringBuilder();
        foreach (var p in kk)
        {
            sb.Append("<div class='case'>");
            sb.Append("<p class='pic'><img src='" + p.Imgurl.Replace("../", "") + "' width='330' height='200' alt='" + p.Titles + "' /></p>");
            sb.Append("<div class='txt'>");
            sb.Append("<h2 class='title'>" + p.Titles + " <em class='site'>" + p.Address + "</em><a name='a1' id='a1'></a></h2>");
            sb.Append(p.Descs);
            sb.Append("</div>");
            sb.Append("<div class='cb'></div>");
            sb.Append("</div>");
        }
        str = sb.ToString();
        context.Response.Write(str);

    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }

}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章