ajax发表 读取 评论

2016-02-19 13:00 4 1 收藏

今天给大家分享的是由图老师小编精心为您推荐的ajax发表 读取 评论,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

【 tulaoshi.com - Web开发 】

代码如下:

-----------------------------Jack的注释  ajaxJS.js-----------------------------

//这里是显示一个等待的窗口
document.write('DIV id="loadingg"  style="HEIGHT:65px; WIDTH: 205px;POSITION: absolute; Z-INDEX:1000;border:3px #fff solid;text-align:center; font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#660000;background:#222;opacity:.7;-moz-opacity:.7;filter: alpha(opacity=70); display:none;"br/font color="#FF6600"strong数据正在读取中,请等候.../strong /fontbr//DIV')
//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;
}


调用:
代码如下:

div id=ShowComm/div
                script language="javascript" type="text/javascript" src="ajaxJS.js"/script  
                script language="javascript" type="text/javascript" 
                  function reget(str){ 
                 getdata('wbc_ShowComm.asp?LogID=100&comDesc=Desc&DisComment=False&0.5675318&'+str,'ShowComm','ShowComm');
                }
                 reget('get');
                /script

来源:http://www.tulaoshi.com/n/20160219/1602741.html

延伸阅读
美美哒如何发表评论?   美美哒如何发表评论?美美哒每天都会更新很多资讯,当我们在看资讯的时候,你觉得这篇资讯写的很好,就想要对这篇文章进行评论下,可因为还不熟悉怎么玩美美哒不知道哪里可以对文章进行评论。今天小编就教大家美美哒如何发表评论,希望能帮助到大家。 1)首先打开美美哒,在首页找到你要评论的资讯点击进入...
爱淘宝怎么发表评论   1)首先打开爱淘宝,在界面左上方点击。   2)弹出窗口点击,进入界面选择要查看的商品点击进入。   3)在左下方点击,在方框输入文字,最后在输入文字的右边点击。  
炼爱怎么发表评论   1)首先点击打开,在界面点击。   2)进入界面选择要查看的炼爱说点击进入,然后在下面方框输入文字,点击即可评论。  
美妆心得怎么发表评论?   1)首先打开美妆心得,在首页选择要查看的帖子点击进入。   2)在左下方点击,进入界面在方框输入文字,还可以添加照片,最后点击。   3)返回帖子就能看到发布的评论。
好豆菜谱怎么发表评论?   1)首先打开好豆菜谱,在界面选择要查看的菜谱点击进入。   2)在界面右上方点击,进入界面在方框输入文字,点击即可发表评论。  

经验教程

627

收藏

72

精华推荐

咪咕视频话题如何发表评论

咪咕视频话题如何发表评论

何必续沉沦奶

去哪儿旅行如何发表评论?

去哪儿旅行如何发表评论?

梦想与激情岁月

Ajax实现评论提交

Ajax实现评论提交

婕妤婕妤89

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部