C# + Javascript 实现评论回复功能

最新推荐文章于 2022-08-21 23:25:23 发布

转载最新推荐文章于 2022-08-21 23:25:23 发布 · 908 阅读

3 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/damenge/p/8268730.html

文章标签：

#c# #javascript #ViewUI

本文介绍了一种通过子窗口与父窗口交互实现网页回复功能的方法。利用JavaScript与ASP.NET结合，在子窗口提交信息后能直接更新父窗口的显示内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先先介绍一下前台

我写了一个比较简单的，供大家理解

这个按钮有个点击事件，事件会触发一个方法 openWindow()，

方法里面执行了一个window.open 打开一个页面，中间空起来就行，后面是宽高

按钮下面有一个<ul> 标签，id为ul。

下面是打开的这个 log.aspx 页面

前台

<asp:TextBox ID="Textli" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="提交" OnClick="Button1_Click" />

下面后台

protected void Button1_Click(object sender, EventArgs e)
{
string te = Textli.Text.Trim();
StringBuilder str = new StringBuilder();
str.Append("<li>");
str.Append("<p>"+te+"</p>");
str.Append("</li>");
ScriptHelper.ShowCustomScript(this.Page, "alert('回复成功');addLi('"+str.ToString()+"')");

}

当打开这个页面后在文本框中输入数据后，点击按钮触发一个后台的点击事件

执行一段代码，这段代码就是取文本框的值，然后拼成字符串，返到前台执行 ScriptHelper.ShowCustomScript(this.Page, "alert('回复成功');addLi('"+str.ToString()+"')"); addLi 是前台的一个方法重点要来了

在这个方法中接到 str 这个字符串你需要传来一个你主页面，ul 的ID 然后通过jquery 类库的 window.opener.document方法从子页面找父页面的标签，把后台拼的字符串加到父页面的ul下，这样就是实现了，回复功能具体应用你需要在你的项目中合理

使用，这里讲的是它的流程，也可迁就的说原理。

转载于:https://www.cnblogs.com/damenge/p/8268730.html