抢购页面JS

<script type="text/javascript">

    function buyAdd(Id) {
        $.ajax({
            type: "POST", //用POST方式传输
            dataType: "String", //数据格式:JSON
            url: 'Handler1.ashx', //目标地址
            data: "Id=" + Id,
            success: function (data) {
                alert(data);
            }
        });
    }

 

   function showToEndTime(id, endTime) {
        function formatTime(time) {
            if (time < 0) return "已结束";
            var day = Math.floor(time / (1000 * 60 * 60 * 24));
            var hour = Math.floor((time % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            var minutes = Math.floor((time % (1000 * 60 * 60)) / (1000 * 60));
            var seconds = Math.floor((time % (1000 * 60)) / (1000));
            return "剩余时间：" + day + "天" + hour + "小时" + minutes + "分" + seconds + "秒";
        }
        return function () {
            var time = endTime.split(/-| |:/);
           
            document.getElementById(id).innerHTML = formatTime(new Date(time[0], time[1] - 1, time[2], time[3], time[4], time[5]) - new Date());
        }
    }

</script>

页面

<form id="form1" runat="server">
    <div>
         
         <asp:DataList ID="dlstList" runat="server" RepeatColumns="4" >
       <ItemTemplate>
          <input  type="button" value="抢购" onclick="buyAdd('<%#Eval("Id") %>')" />
          <img  src='<%#Eval("imageUrl") %>'/>
          <%#Eval("EndTime") %>
          <p class="finish_time"><span style='color:#FF0000;font-size:17px'>
    <font id="to_end_time_<%#Eval("Id") %>" class="finish_time_1"></font></span></p>
    <script type="text/javascript">        setInterval(showToEndTime('to_end_time_<%#Eval("Id") %>', '<%#Eval("EndTime") %>'), 1000);</script>
      
      
       </ItemTemplate>
      
       </asp:DataList>
       <asp:linkbutton ID="lkPre" OnCommand="IndexChanging" CommandArgument="pre" runat="server" >上一页</asp:linkbutton>
       <asp:linkbutton ID="lkNext" OnCommand="IndexChanging" CommandArgument="next" runat="server" >下一页</asp:linkbutton>

</div>s
    </form>

 

后台代码：

protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {

                ViewState["pageindex"] = "0";
                showList();
            }

        }

        private void showList()
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("Id");
            dt.Columns.Add("imageUrl");
            dt.Columns.Add("EndTime");
            dt.Rows.Add("1", "http://www.yiguo.com/img/1112080244148863.jpg", "2012-01-27 18:37:00");
            dt.Rows.Add("2", "http://www.yiguo.com/img/1112080244148863.jpg", "2012-02-27 18:37:00");
            dt.Rows.Add("3", "http://www.yiguo.com/img/1112080244148863.jpg", "2012-03-27 18:37:00");
            dt.Rows.Add("4", "http://www.yiguo.com/img/1112080244148863.jpg", "2012-04-27 18:37:00");
            dt.Rows.Add("5", "http://www.yiguo.com/img/1112080244148863.jpg", "2012-07-27 18:37:00");
            dt.Rows.Add("6", "http://www.yiguo.com/img/1112080244148863.jpg", "2012-07-27 18:37:00");
            dt.Rows.Add("7", "http://www.yiguo.com/img/1112080244148863.jpg", "2012-07-27 18:37:00");
            dt.Rows.Add("8", "http://www.yiguo.com/img/1112080244148863.jpg", "2012-07-27 18:37:00");
            dt.Rows.Add("9", "http://www.yiguo.com/img/1112080244148863.jpg", "2012-07-27 18:37:00");

            DataTable objTable = dt;
            if (objTable != null && objTable.Rows.Count > 0)
            {
                DataView objView = objTable.DefaultView;
                PagedDataSource objPds = new PagedDataSource();
                objPds.DataSource = objView;

                objPds.AllowPaging = true;
                objPds.PageSize = 4;
                objPds.CurrentPageIndex = int.Parse(ViewState["pageindex"].ToString());

                if (!objPds.IsFirstPage)
                {
                    lkPre.Visible = true;
                }
                else
                {
                    lkPre.Visible = false;
                }

                if (!objPds.IsLastPage)
                {
                    lkNext.Visible = true;
                }
                else
                {
                    lkNext.Visible = false;
                }

                dlstList.DataSource = objPds;
                dlstList.DataBind();
            }
        }
        protected void IndexChanging(object sender, EventArgs e)
        {
            string strCommand = ((LinkButton)sender).CommandArgument.ToString();

            int pageindex = int.Parse(ViewState["pageindex"].ToString());

            if (strCommand == "pre")
            {
                pageindex = pageindex - 1;
            }
            else
            {
                pageindex = pageindex + 1;
            }

            ViewState["pageindex"] = pageindex;

            showList();
        }

 

handler.ashx页面代码：

public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            //context.Response.Write("Hello World");
            context.Response.Write(GetUpdate(context));
          
        }

        public string GetUpdate(HttpContext context)
        {
            string result = "1";
            result = context.Request["Id"];
            return result;

        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }