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

首先先介绍一下前台

<script type="text/javascript">
function openWindow()
{
window.open("log.aspx", "", "width:300px;height:300px");
}
</script>

<input type="button" onclick="openWindow()" value="回复"/>
<ul id="ul">
<li>你好帅</li>
</ul>

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

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

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

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

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

前台

<script type="text/javascript">
function addLi(str)
{
$("#ul", window.opener.document).append(str);  //子页面找父页面的ul标签
window.close();
}
</script>

<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下,这样就是实现了,回复功能 具体应用你需要在你的项目中合理

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

上一篇:dl以及dt,dd,以及table的tr,th,td最清楚分析


下一篇:ReactNative 4Android源码分析二: 《JNI智能指针之实现篇》