js实现无刷新评论

原创 2016年08月29日 11:45:31
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js练习6</title>
<script type="text/javascript">
        window.onload = function () {
            document.getElementById('btn1').onclick = function () {
                //1.采集用户输入的数据
                var user_name = document.getElementById('txtNickName').value;
                var content = document.getElementById('txtContent').value;
                //2.动态创建行
                var trLine = document.createElement('tr');


                var td1 = document.createElement('td');
                td1.innerHTML = user_name;


                var td2 = document.createElement('td');
                td2.innerHTML = content;


                trLine.appendChild(td1);
                trLine.appendChild(td2);
                //将行加到表格中
                document.getElementById('tblComments').appendChild(trLine);


            }
        };
    </script>
</head>
<body>
<table id="tblComments" border="1">
        <tr>
            <td>
            猫猫:
            </td>
            <td>
            沙发耶!
            </td>
        </tr>
    </table>
    
    <textarea style="width:300px;height:200px;" id="txtContent"></textarea><br />
    昵称:<input type="text" id="txtNickName"/>
    <input type="button"  value="评论 " id="btn1"/>
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

Ajax实现页面无刷新发表评论 for Php

大家都有在网站发表评论的经历,传统的发表过程无非是:发表->提交页面表单->等待刷新页面,这样在网络比较拥挤的时候,往往需要漫长的等待,今天介绍用PHP+Ajax实现页面无刷新发表评论,希望对初学aj...
  • ycyangcai
  • ycyangcai
  • 2007年08月01日 10:42
  • 3275

用jquery写一个无刷新评论功能

//========================================================设定样式 $(function () { v...
  • Fanbin168
  • Fanbin168
  • 2014年07月28日 23:15
  • 2555

微博无刷新评论功能实现案例

无刷新评论功能
  • Merlin2017
  • Merlin2017
  • 2017年06月08日 21:59
  • 253

Ajax无刷新添加评论(JQuery版)

用户点击提交按钮后通过Ajax提交参数给服务器,服务器添加进数据库后返回添加结果,页面根据服务器返回的结果判断,如果添加成功了,就把内容更新到页面上(append()方法). 对于用户来说,整个...
  • yx017893
  • yx017893
  • 2011年09月08日 23:32
  • 920

JavaScript实现页面无刷新让时间走动

Show Time //javascript实现页面无刷新让时间走动  function showTime() {  var date = new Date(...
  • sinat_26342009
  • sinat_26342009
  • 2015年08月10日 15:12
  • 1572

评论无闪烁刷新

index.php的内容
  • daydaymiddle
  • daydaymiddle
  • 2017年05月26日 15:07
  • 167

无刷新倒计时实现

Document window.onload=function(){ function Timeover(){ var...
  • u011551941
  • u011551941
  • 2014年05月07日 13:32
  • 593

JavaScript网页特效(二)动态评论功能实现

JavaScript是在静态页面下在网页上添加一些功能使其成为动态网页。 类似qq空间,可以对每条动态进行评论,点赞,回复等功能。 这里主要记录一下几个功能的实现。1、删除一条动态在每条动态的...
  • Gxiaoqin
  • Gxiaoqin
  • 2017年01月20日 14:42
  • 3263

使用jquery.form.js实现form表单无刷新提交简单示例

通俗全面易懂。链接如下: https://my.oschina.net/4k9LCGA/blog/223065
  • kl1106
  • kl1106
  • 2017年07月17日 08:48
  • 128

js实现微博评论动态添加

html> html> head lang="en"> meta charset="UTF-8"> title>title> style> * { ...
  • ITzhongzi
  • ITzhongzi
  • 2016年12月27日 22:24
  • 920
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js实现无刷新评论
举报原因:
原因补充:

(最多只允许输入30个字)