如何使用 HttpContext 在 div 中包含文本？

Question

我使用 HtmlGenericControl 在我的网页中包含了一个 div。通过单击按钮，我想使用 HttpContext 在 div 中添加文本。我不想使用 InnerHtml，因为当我想要包含的文本很长时浏览器会挂起。我尝试了以下方式，但它在 div 之外打印了文本。请帮忙。谢谢！

 public partial class TextViewer : System.Web.UI.Page
{
    public HttpContext ctx;
    protected void Page_Load(object sender, EventArgs e)
    {
        HtmlGenericControl myDiv = new HtmlGenericControl("div");
        myDiv.Style.Add(HtmlTextWriterStyle.BackgroundColor, "Blue");
        this.Controls.Add(myDiv);
        ctx = this.Context;
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        ctx.Response.Write("supposed to be printed inside myDiv.");
    }
}

Answer 1

在这种情况下，您可以将文本拆分成多个 span 并分别设置每个 span 的文本

foreach(var paragraph in myText)
 {
    var span = new HtmlGenericControl("span");
    span.InnerHtml = paragraph; 
    myDiv.Controls.Add(span);
 }

Answer 2

您可以从后面的代码写入 HttpContext 并从 jQuery 访问它的值。

后面的代码：

protected void Page_Load(object sender, EventArgs e)
{
    HtmlGenericControl myDiv = new HtmlGenericControl("div");
    myDiv.ID = "myDiv";
    myDiv.Style.Add(HtmlTextWriterStyle.BackgroundColor, "Blue");
    this.Controls.Add(myDiv);
}

protected void Button1_Click(object sender, EventArgs e)
{
    HttpContext.Current.Application["MyData"] = "Supposed to be printed inside myDiv.";
}

.ASPX:

<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var data = '<%= HttpContext.Current.Application["MyData"] != null ? HttpContext.Current.Application["MyData"].ToString() : "" %>';
            $("#myDiv").append(data);
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
    </form>
</body>

如何使用 HttpContext 在 div 中包含文本？

How to include text inside div using HttpContext?

.net

c#

asp.net

httpcontext

htmlgenericcontrol