Ajax实现评论提交功能
本篇内容介绍了“Ajax实现评论提交功能”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
十载的沈阳网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同,自动调整沈阳建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“沈阳网站设计”,“沈阳网站推广”以来,每个客户项目都认真落实执行。
代码如下:
document.write('') 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实现评论提交功能”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!
文章名称:Ajax实现评论提交功能
网页URL:http://azwzsj.com/article/jciesj.html