用AJAX实现发表评论的添加与显示
<script>
<!--
/*
初始化一个xmlhttp对象
*/
function InitAjax()
{
var ajax=false;
try {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
ajax = false;
}
}
if (!ajax && typeof XMLHttpRequest!='undefined') {
ajax = new XMLHttpRequest();
}
return ajax;
}
/*提交*/
function saveUserInfo()
{
if(document.frm_comment.comment.value=="")
{
alert('请输入评论的内容!');
return false;
}
//获取接受返回信息层
var msg = document.getElementById("ComList");
//alert('www');
//获取表单对象和用户信息值
var f = document.frm_comment;
var strWriter = f.strWriter.value;
var strPassword = f.strPassword.value;
var comment = f.comment.value;
var indent = f.indent.value;
var MusicID = f.MusicID.value;
//接收表单的URL地址
var url = "AddComment.asp?idWriter=7715780&Key=495320293";
//需要POST的值,把每个变量都通过&来联接
var postStr = "indent="+ escape(indent) +"&content="+ escape(comment) +"&strWriter="+ escape(strWriter)+"&strPassword="+
escape(strPassword) +"&MusicID="+ escape(MusicID);
//实例化Ajax
var ajax = InitAjax();
//通过Post方式打开连接
ajax.open("POST", url, true);
//定义传输的文件HTTP头信息,这一行不能少哦^_^
ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//发送POST数据
ajax.send(postStr);
//获取执行状态
ajax.onreadystatechange = function() {
//如果执行状态成功,那么就把返回信息写到指定的层里
if (ajax.readyState == 4 && ajax.status == 200) {
msg.innerHTML = ajax.responseText;
}
}
document.frm_comment.comment.value=""
}
function checkform()
{
if(document.frm_comment.comment.value=="")
{
alert('留言内容不能为空!');
return false;
}
}
-->
</script>
<script language="javascript">
function checkform()
{
if (document.form_login.user_login_name.value=='')
{
alert("请输入登录名!");
document.form_login.user_login_name.focus();
return false;
}
if (document.form_login.user_login_password.value=='')
{
alert("请输入密码!");
document.form_login.user_login_password.focus();
return false;
}
}
</script>
<div id="msg" name="msg"></div>
<!--发表评论开始 -->
<form name="frm_comment" id="frm_comment" method="post" action="" οnsubmit="return checkform()">
作者:<font color=>Wintalen</font><input type='hidden' name='strWriter' value='Wintalen'><input type='hidden' name='strPassword' value=''>
<table width="72%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0 10px 10px 10px;">
<textarea name="comment" cols="60" rows="5"></textarea>
</td>
</tr>
<tr>
<td style="padding-right:10px; text-align:right">
段首缩进两个汉字:<input type="checkbox" name="indent" value="1" checked>
<input type="hidden" name="MusicID" value="73">
<input name="submit1" type="button" id="submit1" value="提交" οnclick="saveUserInfo()" class="inputButton">
</td>
</tr>
</table>
</form>
<!--发表评论结束 -->
用AJAX实现发表评论的添加与显示相关推荐
- 评论的ajax请求,pjblog发表评论用的ajaxJS.js
pjblog发表评论用的ajaxJS.js 更新时间:2007年04月25日 00:00:00 作者: document.write(' 数据正在读取中,请等候... ') function sh ...
- 基于vue练习demo:发表评论案例 (使用localStorage存储数据)
前言 最近在学习 VUE的相关知识,之前学习html和css3和原生js及jq库时感觉还挺轻松,但是接触vue框架之后才发现需要了解的东西太多了(如 vue-router,vue-cli,webpac ...
- WordPress 网站设置发表评论,取消电子邮件,只需输入评论者名称的方法
WordPress 网站设置发表评论,取消电子邮件,只需输入评论者名称的方法.默认WordPress 发表评论只能同时设置"必须填入姓名和电子邮件地址",如果认为输入电子邮件会影响 ...
- ajax无刷新留言板远吗,基于jquery实现ajax无刷新评论
基于jquery实现ajax无刷新评论 发布于 2017-03-31 11:26:07 | 75 次阅读 | 评论: 0 | 来源: 网友投递 jQuery javascript框架jQuery是一个 ...
- 在html页面添加了评论和回复的显示页面
在html页面添加了评论和回复的显示页面 先来看看效果图,用了Layui的框架,图片查看用了layui的photos,这功能很赞. 源码如下: <!doctype html> <ht ...
- 如何在Dockerfile中发表评论?
本文翻译自:How do I make a comment in a Dockerfile? I am writing a Dockerfile. 我正在写一个Dockerfile. Is there ...
- 【Javascript】进阶之实现评论分页与发表评论功能
描述:实现评论分页与发表评论 1.评论分页,通过上一页.下一页和输入页数跳转 2.发表评论是需要先判断是否登录,登录后显示个人中心和退出,再发表评论,如果选择匿名评论,则显示匿名 代码实现 HTML ...
- 社区-发表评论和回复评论
var type = 0; //默认是发表评论 // 点击评论$(document).on("click", ".content_title", functio ...
- Vue实现简单的发表评论,吐槽评论
1.这是我在学习中的实例,有些的不足的地方,还望各位大佬指点,感谢哦~ 2.发表评论的效果图 点击"发表"之后的效果(每条评论之后点击"删除"可以删掉这一整条评 ...
最新文章
- Day 03 为什么大学生难管理时间
- Bzoj4016/洛谷P2993 [FJOI2014] 最短路径树问题(最短路径问题+长链剖分/点分治)
- ORACLE NOT EXISTS不等值 改写成hive
- 前端月趋势榜:6 月新增的、最热门的 20 个前端开源项目 - 2106
- 关于Android ViewPager 与 Fragment 一起使用碰到的问题
- vue 用key拿对象value_利用 WeakMap 对 Vue 新建数组中的对象赋予 :key
- mysql数据库加权随机_SQL:随机选择一行,但考虑到权重
- 北京大学生物信息学学习(7)NGS 分析
- ML/DL-复习笔记【三】- 算法的评价指标
- 3PHP如何用PDO的连接方式方式导出mysql数据
- 报考PMP需要准备的资料有哪些?
- 微信小程序 生成二维码
- 腾讯云即时通讯im之获取userSig
- html 数据交互动画,纯css实现可交互的动画
- 知网根据作者及单位检索文献汇总到Excel(2021.6.9)
- 解决微信浏览器缓存问题
- 标签系统mysql设计_关于tag标签系统的实现
- 解决Error:All flavors must now belong to a named flavor dimension. Learn more at...
- YX2811景观装鉓驱动IC
- 一个 Android MVVM 组件化架构框架
热门文章
- WinForm 控件实现半透明效果,并可层叠显示
- 对于win11系统中有线打印机共享问题的解决
- linux Can‘t find default configuration “arch/x86/configs/xxx_defconfig“
- VirtualBox的安装(Windows)和使用(包括Debian的安装和配置)
- 保存数据时总显示保存不成功是什么原因?
- 传智播客风清扬视频-------网络编程简介
- 1、python数据类型与结构
- 大型企业IT基础架构和应用运维体系
- 快速给小程序加上人性化的「添加到我的小程序」提示
- 【深度好文】图像灰度化计算方式对比