0

我对使用 Ajax 通过 Web 表单发送的用户控件和参数有疑问。我正在使用仅包含标签的用户控件。

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Message.ascx.cs" Inherits="Message" %>
<asp:Label ID="lblMessage" runat="server" Text="lblMessage"></asp:Label>

以及一个包含此用户控件的 Web 表单。我在 Web 表单中动态创建用户控件(后面的代码):

public partial class _Default : System.Web.UI.Page
{
    [WebMethod]
    public static string LoadUserControl(string message)
    {
        using (Page page = new Page())
        {
            UserControl userControl = (UserControl)page.LoadControl("Message.ascx");
            (userControl.FindControl("lblMessage") as Label).Text = message;
            page.Controls.Add(userControl);
            using (StringWriter writer = new StringWriter())
            {
                page.Controls.Add(userControl);
                HttpContext.Current.Server.Execute(page, writer, false);
                return writer.ToString();
            }
        }
    }
}

并将参数从 Web 表单传递到用户控件,如下所示:

    <script type = "text/javascript">

        $(document).ready(function(){

            $("#demo").click(function () {
                $.ajax({
                    type: "POST",
                    url: "CS.aspx/LoadUserControl",
                    data: "{message: '" + $("#message").val() + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (r) {
                        $("#Content").append(r.d);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <input type = "text" id = "message" />
    <input type = "button" id = "demo" value = "Load" />
    <div id  = "Content">

    </div>
    </form>
</body>
</html>

问题是当我点击几次按钮时,“内容”中的值被复制了几次,而不是只复制一次,并用我分配给文本框的新值重新填充。有人知道为什么吗?我希望,每次单击按钮时,用户控件都会接收该值并仅填充一次信息而不是多次。

4

1 回答 1

1

代替

 $("#Content").append(r.d);

宽度

$("#Content").html(r.d);
于 2013-08-25T01:18:51.753 回答