这篇文章主要介绍“ajax实现发表和读取评论功能”,在日常操作中,相信很多人在ajax实现发表和读取评论功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ajax实现发表和读取评论功能”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:国际域名空间、虚拟主机、营销软件、网站建设、万州网站维护、网站推广。
代码如下:
-----------------------------Jack的注释 ajaxJS.js-----------------------------
//这里是显示一个等待的窗口
document.write('
数据正在读取中,请等候...< /font>
')
//showloading控制等待窗口的显示和隐藏
function showloading()
{
var obj=document.getElementById("loadingg")
if (obj.style.display!="")
{
obj.style.left=((document.documentElement.clientWidth-parseFloat (obj.style.width))/2)+document.documentElement.scrollLeft+"px";
obj.style.top=((document.documentElement.clientHeight-parseFloat (obj.style.height))/2)+document.documentElement.scrollTop+"px";
obj.style.display="";
}else{obj.style.display="none";}
}
//$()取得指定ID的对象
function $(id)
{
return document.getElementById(id);
}
//echo()向指定的对象obj显示指定的html
function echo(obj,html)
{
$(obj).innerHTML=html;
}
//fopen()使指定的obj处于显示状态
function fopen(obj)
{
$(obj).style.display="";
}
//fclose()使指定的obj处于隐藏状态
function fclose(obj)
{
$(obj).style.display="none";
}
//createxmlhttp()获取XMLHttpRequest对象并返回
function createxmlhttp()
{
var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
if (xmlhttp.overrideMimeType) {//设置MiME类别
xmlhttp.overrideMimeType('text/xml');
}
}
return xmlhttp;
}
//getdata()获取指定URL的数据在obj2里面显示,obj1是本过程的提示信息,可删除
function getdata(url,obj1,obj2)
{
var xmlhttp=createxmlhttp();
if(!xmlhttp)
{
alert("你的浏览器不支持XMLHTTP!!");
return;
}
showloading()
xmlhttp.onreadystatechange=requestdata;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
function requestdata()
{
fopen(obj1);
//echo(obj1,"正在加载数据,请稍等......");
//alert(xmlhttp.readyState)
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
if(obj1!=obj2){fclose(obj1);};
echo(obj2,xmlhttp.responseText);
showloading()
}
}
}
}
//postdata()发送指定的数据data到url地址,并且使用obj来显示返回的数据
function postdata(url,obj,data)
{ var rnd=Math.random()
var xmlhttp=createxmlhttp();
if(!xmlhttp)
{
alert("你的浏览器不支持XMLHTTP!!");
return;
}
showloading()
xmlhttp.open("POST", url, true);
xmlhttp.onreadystatechange=requestdata;
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlhttp.send(data);
function requestdata()
{
fopen(obj);
echo(obj,"正在提交数据,请稍等......");
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
echo(obj,xmlhttp.responseText);
reget(rnd);
setTimeout("echo('showresult','')",2000);
echo('Message','')
showloading()
}
}
}
}
//lTrim()去掉字符串左边的空格
function lTrim(str)
{
if (str.charAt(0) == " ")
{
//如果字串左边第一个字符为空格
str = str.slice(1);//将空格从字串中去掉
//这一句也可改成 str = str.substring(1, str.length);
str = lTrim(str); //递归调用
}
return str;
}
//rTrim()去掉字串右边的空格
function rTrim(str)
{
var iLength;
iLength = str.length;
if (str.charAt(iLength - 1) == " ")
{
//如果字串右边第一个字符为空格
str = str.slice(0, iLength - 1);//将空格从字串中去掉
//这一句也可改成 str = str.substring(0, iLength - 1);
str = rTrim(str); //递归调用
}
return str;
}
//trim()去掉字串两边的空格
function trim(str)
{
return lTrim(rTrim(str));
}
//f()没有通用的意义,只针对特定对象
function f(obj)
{
return trim(eval("document.ajax_post."+obj+".value"));
//return trim($(obj).value);
}
//SaveReply()是表单的检查提交函数
function SaveReply()
{
if(f("username")=="")
{
alert("请填写用户名");
return false;
}
if(f("Message")=="")
{
alert("内容不可為空");
return false;
}
var validate,password,log_DisKey=0,log_DisURL=0,log_DisSM=0
validate=""
password=""
if(document.ajax_post.log_DisKey.checked){
log_DisKey=f("log_DisKey")
}
if(document.ajax_post.log_DisURL.checked){
log_DisURL=f("log_DisURL")
}
if(document.ajax_post.log_DisSM.checked){
log_DisSM=f("log_DisSM")
}
if((typeof eval(document.ajax_post.validate))!="undefined"){
if(f("validate")=="")
{
alert("请填写验证码");
return false;
}else{
validate=f("validate");
}
}
if((typeof eval(document.ajax_post.password))!="undefined"){
password=f("password");
}
data="username="+escape(f("username"))+"&password="+escape(password)+"&validate="+escape(validate)+"&log_DisSM="+escape(log_DisSM)+"&log_DisURL="+escape(log_DisURL)+"&log_DisKey="+escape(log_DisKey)+"&Message="+escape(f("Message"))+"&logID="+escape(f("logID"))+"&action="+escape(f("action"));
//alert(data);
postdata("wbc_blogcomm.asp","showresult",data);
return true;
}
调用:
代码如下:
到此,关于“ajax实现发表和读取评论功能”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
本文题目:ajax实现发表和读取评论功能
URL分享:
http://cqcxhl.com/article/goiodh.html