asp.net ajax实现类似交替项模板 和 光棒效果。

异步请求一般处理程序：

<script type="text/javascript">
        $(document).ready(function () {
            setTimeout(function () {
                $.ajax({
                    url: "loadTable.ashx?t=" + Math.random(),
                    type: "get",
                    success: function (data) {
                        $("div#topicTable").html(data);
                    }
                });
            }, 1500);

        });
    </script>

web前段：

<div id="topicTable">
        <table style="margin:0 auto;text-align: center;">
            <tr>
                <td align="center">
                    <img src="loading.gif" alt="waiting..." />
                </td>
            </tr>
        </table>
    </div>
    <div></div>

一般处理程序：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using NewProjectBLL;
using NewProjectModel;
using System.Text;

namespace NewProjectWeb.web_new
{
    /// <summary>
    /// loadTable 的摘要说明
    /// </summary>
    public class loadTable : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            List<Topic> list = TopicManager.GetTopicList();
            StringBuilder strTable = new StringBuilder();
            strTable.Append("<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" style=\"text-align: center; margin: auto\">");
            strTable.Append("<tr style=\"background: #006699; font-family: @微软雅黑; color: #FFFFFF\">");
            strTable.Append("<th>主题编号</th><th>标题</th><th>主题内容</th></tr>");
            int num = 0;
            foreach (Topic topic in list)
            {
                num++;
                string content = topic.Content.Length > 8 ? topic.Content.Substring(0, 8) + "..." : topic.Content;
                if (num % 2 == 0)
                {
                    strTable.Append(String.Format("<tr οnmοuseοver=\"$(this).css('background-color','#FFFFCC')\" οnmοuseοut=\"$(this).css('background-color','#E5E5E5')\" style=\"background-color: #E5E5E5\"><td>{0}</td><td>{1}</td><td>{2}</td></tr>", topic.Id, topic.TopicTitle, content));
                }
                else
                {
                    strTable.Append(String.Format("<tr οnmοuseοver=\"$(this).css('background-color','#FFFFCC')\" οnmοuseοut=\"$(this).css('background-color','#F5F5F5')\" style=\"background-color: #F5F5F5\"><td>{0}</td><td>{1}</td><td>{2}</td></tr>", topic.Id, topic.TopicTitle, content));
                }
            }

            context.Response.Write(strTable.ToString());
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}