ajax发表 读取 评论
代码如下:
-----------------------------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>< /font><br/></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>