javascript无刷新评论实现方法

2024-12-18 07:54:12

本文实例讲述了javascript无刷新评论实现方法。分享给大家供大家参考。具体实现方法如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无刷新评论</title>
<script type="text/javascript">
function AppendComment() {
 //获取昵称文本框的值
 var nicknameValue = document.getElementById("nickName").value;
 //获取评论文本框的值
 var commentValue = document.getElementById("comment").value;
 var tblComment = document.getElementById("tblComment");
 var tr = tblComment.tBodies[0].insertRow(-1);
 var tdNickName = tr.insertCell(-1);
 tdNickName.innerHTML = nicknameValue;
 var tdComment = tr.insertCell(-1);
 tdComment.innerHTML = commentValue;
}
</script>
</head>
<body>
 我们<br />
 里面有丰富的脚本教程，欢迎访问
 <p>评论</p>
 <table id="tblComment" border="1">
 <tbody>
 <tr><td>李莫:</td><td>非常好的网站</td></tr>
 </tbody>
 </table>
 昵称:<input type="text" id="nickName" /><br />
 评论:<textarea id="comment"></textarea><br />
 <input type="button" value="评论" onclick="AppendComment()" />
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Json实现异步请求提交评论无需跳转其他页面

主要将代码粘贴,通过阅读代码理解其中的相关逻辑. html代码: <form id="form1" runat="server"> <p> 评论:</p> <p> 姓名:<input type="text" name="username" id="username1" /></p> <p> 内容:<textarea n
JS扩展Z-Blog图片验证码的单击自动刷新与评论内容自动保存

在script/common.js最后加入下面的话可以实现图片验证码的自动刷新与评论内容自动保存(ForIE) 由于Z-Blog的JS扩展机制不够好,在不重建的情况下扩展东西只能用window.onload(IE). 既然用了window.onload,那就干脆用window.clipboardData了. 大家是不是期盼这两个功能很久了?没有了Ajax的,这两个功能就太重要太重要太重要了. 实际这个函数因为先天缺陷并不完美,下一版,构想在每一页下面加上一句话读一次LoadExtraScript
一个jsp+AJAX评论系统第1/2页

这是一个简单的评论系统,使用了JDOM(这边使用Jdom-b9),实例使用JSP作为视图,结合使用AJAX(用到prototype-1.4),Servlet和JavaBean作为后台处理,使用xml文件存储数据. 1.应用目录结构如下: data |--comment.xml js |--prototype.js |--ufo.js(UTF-8格式)
pjblog发表评论用的ajaxJS.js

document.write('<DIV id="loadingg" style="HEIGHT:65px; WIDTH: 200px;POSITION: absolute; Z-INDEX:1000;border:3px;solid;text-align:center;sans-serif;color:#000000;background-color:#FFFFFF;opacity:.7;-moz-opacity:.7;filter: Alpha(Opacity=7
JavaScript直播评论发弹幕切图功能点集合效果代码

一.代码 html+js <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>数发直播平台</title> <link rel="stylesheet" type="text/css" href="css/common.css"> <link rel="styl
js写的评论分页(还不错)

复制代码代码如下: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServer
使用AngularJS和PHP的Laravel实现单页评论的方法

完整代码:https://github.com/scotch-io/laravel-angular-comment-app 目前,Laravel和Angular均已经成为了Web发展世界里非常著名的工具.Laravel以给PHP社区引入的伟大内容著称,Angular以其惊人的前端工具及简单著称.组合这两大框架似乎是合乎逻辑的下一步. 在我们的使用环境下,我们将使用Laravel作为后端的RESTful API,Angular作为前端,以创建一个简单的单页的评论应用. 下面是一个简单的例子,展示了
原生js实现回复评论功能

实现原理功能1.删除状态用removeChild()方法即可功能2.最上面的点赞判断文字的内容是否为赞,做相应操作改变存放赞数量的容器文本内容功能3.回复评论创建一个新的评论添加到评论列表里功能4.回复里的点赞判断我是否点了赞,做相应操作功能5.回复或者删除判断字符串回复还是删除,做相应操作代码用了事件代理,还有三元运算判断,减少代码量每行代码都有详细的注释一眼看到那么多的代码不要烦躁其实你要把每个功能单独去看都是很简单的dom操作一点点消化,读懂每一行代码完整代
javascript发表评论或者留言时的展开效果

biyuan给大家拜年了! body { margin:20px; background:#c72c02; color:#ffffff; font-size:12px; font-family:verdana; } fieldset { width:300; border:1px dashed #ffffff; } legend { width:150px; border:1px dashed #ffffff; background-color:#c72c02; font-weight:bold
JS类定义原型方法的两种实现的区别评论很多

我们知道,给JavaScript类添加原形(prototype)方法是很简单的.而且常用的有下面这两种方法,可是这两种方法在使用时有区别吗? JScript Class: 复制代码代码如下: function JSClass() { } Extends prototype method: 复制代码代码如下: JSClass.prototype.MethodA = function() { }; Or 复制代码代码如下: function = JSCla
js实现简单的星级选择器提交效果适用于评论等

星级选择器,提交代码适用于评论等没有用到js库,就是单独的js代码复制代码代码如下: <form action="" method="get"> <div id="star_level" star_width="14"> <p>服务</p> <ul class="star_rating"> <li style="displ

javascript无刷新评论实现方法

相关推荐

随机推荐