使用ASP.NET Ajax 和Web Service动态加载用户控件

在平时开发过程我们经常动态加载用户控件。今天我主要介绍如何在ASP.NET AJAX中使用WEB SERVICE加载用户控件。

我们首先新建一个WEBSERVICE文件，把WEB SERVICE引入到页面中

代码

注意在WebService添加[System.Web.Script.Services.ScriptService] 代码如下

代码

using System;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web.UI;
using System.IO;
using System.Text.RegularExpressions;
using System.Web.UI.HtmlControls;
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {

  [WebMethod]
  public string HelloWorld() {
    return "Hello World";
  }

  [WebMethod(EnableSession = true)]// EnableSession:XML Web services 方法启用会话状态，则为 true。默认为 false。
  public string GetUserControlPath(string UserControlPath) {
    Page ownerPage = new Page();
    UserControl userControl = (UserControl)ownerPage.LoadControl(UserControlPath);
    userControl.EnableViewState = false;

    HtmlForm form = new HtmlForm();
    form.Controls.Add(userControl);

    ownerPage.Controls.Add(form);

    StringWriter writer = new StringWriter();

    HttpContext.Current.Server.Execute(ownerPage, writer, false);
    return CleanHtml(writer.ToString());
  }

  /// <summary>
  ///  Removes Form tags
  /// </summary>
  /// <param name="html"></param>
  /// <returns></returns>
  private string CleanHtml(string html) {
    return Regex.Replace(html, @"<[/]?(form)[^>]*?>", "", RegexOptions.IgnoreCase);
  }

接着新建一个用户控件WebUserControl.ascx，页面布局显示，代码可以自己喜欢

代码

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button" />
<asp:GridView ID="GridView1" runat="server" BackColor="LightGoldenrodYellow"
  BorderColor="Tan" BorderWidth="1px" CellPadding="2" ForeColor="Black"
  GridLines="None">
  <FooterStyle BackColor="Tan" />
  <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue"
    HorizontalAlign="Center" />
  <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
  <HeaderStyle BackColor="Tan" Font-Bold="True" />
  <AlternatingRowStyle BackColor="PaleGoldenrod" />
</asp:GridView>

后台代码如下

代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class WebUserControl : System.Web.UI.UserControl
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack) {
        List<par> parlist=new List<par>();
            parlist.Add(new par("2009","blue"));
            parlist.Add(new par("2010","red"));
            parlist.Add(new par("2011","yellow"));
            parlist.Add(new par("2012", "black"));
            this.GridView1.DataSource=parlist;
            this.GridView1.DataBind();
        }
    }
}
public class par {
    private string year, color;

    public par(string _year,string _color) {
        year = _year;
        color = _color;
    }
    public string Year {
        get { return year; }
        set { year = value; }
    }

    public string Color {
        get { return color; }
        set { color = value; }
    }
}

新建DEFAULT.ASPX页面加载用户控件，显示

代码

点击按钮就可以动态加载用户控件，大家可以自己动手弄下，如果有兴趣，我只是给自己留个记号