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下,这样就是实现了,回复功能 具体应用你需要在你的项目中合理
使用,这里讲的是它的流程,也可迁就的说原理。
C# + Javascript 实现评论回复功能的更多相关文章
- Java实现评论回复功能
目录 一.分类方式 1.单一型 2.嵌套型 3.两层型 二.实现原理 1.单一型 2.嵌套型 3.两层型 使用递归循环开发评论回复功能,适用于大部分的简单单体应用 评论功能或许是大多数的单体应用之中会 ...
- PHP无限级评论回复功能实现
protected function commentList($aid,$pid = 0,&$result=array()){ $arr = ArticleComment::relation( ...
- JavaScript实现评论点赞功能
通过分析评论功能的逻辑关系,学会如何使用JavaScript实现评论.回复.点赞等各种功能 1.学会JavaScript处理日期和时间. 2.掌握Dom操作中的添加/删除子节点方法. 3.使用setT ...
- 原生JS 将时间转换成几秒前,几分钟前…常用于评论回复功能
//格式化时间 留备用~ function getDateDiff(dateStr) { var publishTime = dateStr / 1000, d_seconds, d_minutes, ...
- 利用php做出简单的发布信息和回复功能
题目要求 1.建一个pinglun的数据库,自己建表2.完成一个简单的发布信息回复功能3.布局可以随便,主要是功能要实现4.注意回复是可以回复每一条的评论5.评论回复功能类似于qq空间的发布信息和回复 ...
- falsk sqlalchemy 自关联创建评论回复数据库
本项目在于创建类似微信上的评论回复功能的数据库 基类: from app import db from datetime import datetime class Basemadel(object) ...
- 微信朋友圈评论/回复/cell/键盘谈起
微信朋友圈评论功能的细节考虑及实现 微信朋友圈回复tableview iOS 实现微信朋友圈评论回复功能(一)
- php无限级分类实战——评论及回复功能
经常在各大论坛或新闻板块详情页面下边看到评论功能,当然不单单是直接发表评论内容那么简单,可以对别人的评论进行回复,别人又可以对你的回复再次评论或回复,如此反复,理论上可以说是没有休止,从技术角度分析很 ...
- PHP实现简单的评论与回复功能还有删除信息
我们首先先看一下功能 上面黑色的是评论的下面红色的字体是回复的 再来看看怎么实现的 1.发布评论 <form action="pinglunchili.php" method ...
随机推荐
- Java Integer类型比较
今天做了一道题目题目如下: Integer a=10; Integer b=10; System.out.print(a==b); Integer c=200; Integer d=200; Syst ...
- hibernate学习(六) flush()和clean()区别和使用
session.flush()是强制和数据库同步 session.clean()是清除session中的缓存 对于批量数据插入的时候优化:减少cpu和内存(缓存)占用量 @Test public vo ...
- Python中List和Tuple类型
a = 'python' print('hello,', a or 'world') b = '' print ('hello,', b or 'world') print('------------ ...
- Shell脚本的基本流程控制
if else read -p '请输入分数:' score if [ $score -lt 60 ]; then echo '60分以下' elif [ $score -lt 70 ]; then ...
- Shell脚本的颜色样式及属性控制
首先看一下格式 echo -e "\033[字背景颜色:文字颜色m字符串\033[0m" 举例 echo -e "\033[41;36m 字体 \033[0m" ...
- 2道acm编程题(2014):1.编写一个浏览器输入输出(hdu acm1088);2.encoding(hdu1020)
//1088(参考博客:http://blog.csdn.net/libin56842/article/details/8950688)//1.编写一个浏览器输入输出(hdu acm1088)://思 ...
- C++学习笔记第一天:基础
前言 N年前学的C,经过VB.JAVA.JS.C#等后辈的轮番蹂躏,当初学的那点儿东西早就还给老师了 现在有了在桌面端实现 Native + Web 的初衷,需要利用CEF开源组件来封装这个Nativ ...
- HDU - 1172
思路:假设答案是x,那么x必定满足所有语句给定的条件.例如3585和4815就有2个相同的数,1和相同的位. 只要这个数满足所有条件,那么就是一个可能的答案,当答案数量超过1个时,就是"No ...
- C语言老司机学Python (二)
标准数据类型: 共6种:Number(数字),String(字符串),List(列表),Tuple(元组),Sets(集合),Dictionary(字典) 本次学习主要是和数据类型混个脸熟,知道每样东 ...
- react 父子组件互相通信
1,父组件向子组件传递 在引用子组件的时候传递,相当于一个属性,例如: class Parent extends Component{ state = { msg: 'start' }; render ...