当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > ajax发表 读取 评论

AJAX技术
AJAX 用户注册时的应用实例
ajax readyState的五种状态详解
php AJAX POST的使用实例代码
Ajax 用户名验证是否存在
Ajax+PHP简单基础入门实例教程
AJAX 异步传输数据的问题
ASP AJAX 静态分页
js装载xml文件然后发向服务器的实现代码
完成了AJAX树附原理分析
AJAX 支持搜索引擎问题分析
ajax Suggest类似google的搜索提示效果
Ajax 框架学习笔记
用ajax xml的数据读取的HelloWorld程序
Ajax 表单验证 实现代码
Ajax request response 乱码解决方法
AJAX 随记
ajax 乱码的一种解决方法
ajax session过期问题的几个解决方案
四步学会 Ajax
Ajax异步(请求)提交类 支持跨域

AJAX技术 中的 ajax发表 读取 评论


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 48 ::
收藏到网摘: n/a

复制代码 代码如下:

-----------------------------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>