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