抢购页面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;
}
}