温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Ajax实现评论提交功能

发布时间:2021-07-05 17:12:57 来源:亿速云 阅读:173 作者:chen 栏目:web开发

本篇内容介绍了“Ajax实现评论提交功能”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

代码如下:

document.write('<DIV id="loadingg"  ><br/><font color="#FF6600"><strong>数据正在读取中,请等候...</strong></font><br/><img src="images/loading.gif"/></DIV>') 
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";} 
} 
function $(id) 
{    return document.getElementById(id);    } 
function echo(obj,html){    $(obj).innerHTML=html;} 
function fopen(obj){$(obj).style.display="";} 
function fclose(obj){$(obj).style.display="none";} 
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;     
} 
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()  
                    } 
                }             
        } 
} 
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()  
                } 
            } 
        } 
} 
function lTrim(str) 
{ 
  if (str.charAt(0) == " ") 
  { 
    //如果字串左边第一个字符为空格 
    str = str.slice(1);//将空格从字串中去掉 
    //这一句也可改成 str = str.substring(1, str.length); 
    str = lTrim(str);    //递归调用 
  } 
  return str; 
} 
//去掉字串右边的空格 
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; 
} 
//去掉字串两边的空格 
function trim(str) 
{ 
  return lTrim(rTrim(str)); 
} 
function f(obj) 
{ 
    return trim(eval("document.ajax_post."+obj+".value")); 
    //return trim($(obj).value); 
} 
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实现评论提交功能”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站,小编将为大家输出更多高质量的实用文章!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI