Question

I am creating a master page for admin-side of my application, which is using asp.net 4.0 framework and webforms. I have different user controls for sidemenu in different pages. I need to determine which user control is to be loaded at runtime only. I thought of using jquery ajax for this. Can anyone help me on this?
I tried the following jquery but this is alert ‘error occured’

 $(document).ready(function () {
    alert("Ready");
    // $(".admin_side_menu").load("Shared/AdminManageDataSideMenu.ascx");

    $.ajax({
        type: "POST",
        url: "Shared/AdminManageDataSideMenu.ascx",
        contentType: "application/html; charset=utf-8",
        dataType: "html",
        success: function (data) {
            // var object = JSON.parse(data);
            alert("success" + data);
            (".admin_side_menu").append(data);
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            debugger;
            alert("Error Occured!");
        }
    });

});

Answer 1

you will need to make an ashx handler that will return you the user control like

public class FooHandler : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/html";
        context.Response.Write(RenderPartialToString("AdminManageDataSideMenu.ascx"));
    }

    private string RenderPartialToString(string controlName)
    {
        Page page = new Page();
        Control control = page.LoadControl(controlName);
        page.Controls.Add(control);

        StringWriter writer = new StringWriter();
        HttpContext.Current.Server.Execute(page, writer, false);

        return writer.ToString();
    }

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

now you can call the handler via jquery like

$.ajax({
        type: "POST",
        url: "Foo.ashx",
        contentType: "application/html; charset=utf-8",
        dataType: "html",
        success: function (data) {               
            alert("success" + data);
            $(".admin_side_menu").append(data);
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            debugger;
            alert("Error Occured!");
        }
    });

Reference: https://stackoverflow.com/a/4597341/413670