ajax 小方法. 详细使用方法
2007-04-06 20:42
323 查看
ajax 小方法. 详细使用方法
////////////////////Ajax////////////Class///////////////////
//Power By WeisNet CopyRight @2006
//Edit Section for 56Best
/////////////////////////////////////////////////
var Try = ...{
these: function() ...{
var returnValue;
for (var i = 0; i < arguments.length; i++) ...{
var lambda = arguments[i];
try ...{
returnValue = lambda();
break;
} catch (e) ...{}
}
return returnValue;
}
}
function grr(rp) ...{
if(RegExp.$1)/(.*)/.exec("");
var re=new RegExp("<result>(.*)</result>");
re.exec(rp);
if(RegExp.$1) return RegExp.$1;
return "";
}
function crr(rp) ...{
if(RegExp.$1)/(.*)/.exec("");
var re=new RegExp("<content>(.*)</content>");
re.exec(rp);
if(RegExp.$1) return RegExp.$1;
return "";
}
var Ajax = function() ...{}
var xhr ;
Ajax.prototype.Init = function()...{
return Try.these(
function() ...{return new ActiveXObject("Msxml2.XMLHTTP")},
function() ...{return new ActiveXObject("Microsoft.XMLHTTP")},
function() ...{return new XMLHttpRequest()}
) || false;
}
Ajax.prototype.Config = ...{
Init:function() ...{},
Result:"",
SucInfo:"",
FaildInfo:"",
Url:"",
returnType:"Compare"
}
var aj = new Ajax();
Ajax.prototype.func = function() ...{
if (typeof xhr != 'undefined')
if (xhr.readyState == 4) ...{
if (xhr.status == 200)
...{
aj.FuncResult();
}
else
...{
aj.Config.Result = "";
return false;
}
}
else
...{
aj.Config.Result = "";
return false;
}
}
Ajax.prototype.Action = function(url) ...{
url = url+'&e='+Math.random();
xhr = aj.Init();
xhr.open("POST",url,false);
xhr.onreadystatechange = aj.func;
xhr.send(null);
}
Ajax.prototype.onResult = function(v) ...{
return v==aj.Config.Result;
}
Ajax.prototype.FuncResult = function()
...{
if (aj.Config.returnType=='Compare')
...{
if (aj.onResult(grr(xhr.responseText)))
...{
aj.Config.Spn.innerHTML = aj.Config.FaildInfo;
}
else
...{
aj.Config.Spn.innerHTML = aj.Config.SucInfo;
aj.location();
}
}
else
...{
aj.Config.Spn.innerHTML = crr(xhr.responseText);
}
}
Ajax.prototype.location = function()
...{
if (aj.Config.Url!='')
window.location.href=aj.Config.Url;
}
var WebServices = function() ...{}
WebServices.Config = ...{
}
使用方法
如下HTML代码
<html>
<head>
<title>Ajax小方法,使用方法</title>
<script language='javascript'>...
function Cfrlogname(ln)
...{
if (!checkByteLength(ln.value.trim(),4,20))
...{
alert('请输入4-20字符用户名!');
ln.focus();
return false;
}
var Webreq = new Ajax();
Webreq.Config.Result = "OkSuc";
Webreq.Config.Spn = document.all.logName_info;
Webreq.Config.SucInfo = "验证成功!";
Webreq.Config.FaildInfo = "对不起,验证失败!";
Webreq.Config.returnType = 'Compare';
Webreq.Config.Url = 'www.56best.cn';
Webreq.Action('editData.aspx?types='+ln.value.trim())
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" name="logName" id="logName" runat="server" >
<input type="button" name="Submit" value="检查会员名" onclick="Cfrlogname(document.all.logName)"></td>
</tr>
<tr>
<td class="gray_2"><div id="logName_info"> </div></td>
</tr>
</table>
</body>
</html>
3:后代操作代码
LoadData.aspx?types=156
LoadData.aspx.vs
Sub Page_Load()sub Page_Load()
dim Str as string = Request.QueryString("types")
Response.Write("<zwd><result>OkSuc</result></zwd>")
end sub
////////////////////Ajax////////////Class///////////////////
//Power By WeisNet CopyRight @2006
//Edit Section for 56Best
/////////////////////////////////////////////////
var Try = ...{
these: function() ...{
var returnValue;
for (var i = 0; i < arguments.length; i++) ...{
var lambda = arguments[i];
try ...{
returnValue = lambda();
break;
} catch (e) ...{}
}
return returnValue;
}
}
function grr(rp) ...{
if(RegExp.$1)/(.*)/.exec("");
var re=new RegExp("<result>(.*)</result>");
re.exec(rp);
if(RegExp.$1) return RegExp.$1;
return "";
}
function crr(rp) ...{
if(RegExp.$1)/(.*)/.exec("");
var re=new RegExp("<content>(.*)</content>");
re.exec(rp);
if(RegExp.$1) return RegExp.$1;
return "";
}
var Ajax = function() ...{}
var xhr ;
Ajax.prototype.Init = function()...{
return Try.these(
function() ...{return new ActiveXObject("Msxml2.XMLHTTP")},
function() ...{return new ActiveXObject("Microsoft.XMLHTTP")},
function() ...{return new XMLHttpRequest()}
) || false;
}
Ajax.prototype.Config = ...{
Init:function() ...{},
Result:"",
SucInfo:"",
FaildInfo:"",
Url:"",
returnType:"Compare"
}
var aj = new Ajax();
Ajax.prototype.func = function() ...{
if (typeof xhr != 'undefined')
if (xhr.readyState == 4) ...{
if (xhr.status == 200)
...{
aj.FuncResult();
}
else
...{
aj.Config.Result = "";
return false;
}
}
else
...{
aj.Config.Result = "";
return false;
}
}
Ajax.prototype.Action = function(url) ...{
url = url+'&e='+Math.random();
xhr = aj.Init();
xhr.open("POST",url,false);
xhr.onreadystatechange = aj.func;
xhr.send(null);
}
Ajax.prototype.onResult = function(v) ...{
return v==aj.Config.Result;
}
Ajax.prototype.FuncResult = function()
...{
if (aj.Config.returnType=='Compare')
...{
if (aj.onResult(grr(xhr.responseText)))
...{
aj.Config.Spn.innerHTML = aj.Config.FaildInfo;
}
else
...{
aj.Config.Spn.innerHTML = aj.Config.SucInfo;
aj.location();
}
}
else
...{
aj.Config.Spn.innerHTML = crr(xhr.responseText);
}
}
Ajax.prototype.location = function()
...{
if (aj.Config.Url!='')
window.location.href=aj.Config.Url;
}
var WebServices = function() ...{}
WebServices.Config = ...{
}
使用方法
如下HTML代码
<html>
<head>
<title>Ajax小方法,使用方法</title>
<script language='javascript'>...
function Cfrlogname(ln)
...{
if (!checkByteLength(ln.value.trim(),4,20))
...{
alert('请输入4-20字符用户名!');
ln.focus();
return false;
}
var Webreq = new Ajax();
Webreq.Config.Result = "OkSuc";
Webreq.Config.Spn = document.all.logName_info;
Webreq.Config.SucInfo = "验证成功!";
Webreq.Config.FaildInfo = "对不起,验证失败!";
Webreq.Config.returnType = 'Compare';
Webreq.Config.Url = 'www.56best.cn';
Webreq.Action('editData.aspx?types='+ln.value.trim())
}
</script>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" name="logName" id="logName" runat="server" >
<input type="button" name="Submit" value="检查会员名" onclick="Cfrlogname(document.all.logName)"></td>
</tr>
<tr>
<td class="gray_2"><div id="logName_info"> </div></td>
</tr>
</table>
</body>
</html>
3:后代操作代码
LoadData.aspx?types=156
LoadData.aspx.vs
Sub Page_Load()sub Page_Load()
dim Str as string = Request.QueryString("types")
Response.Write("<zwd><result>OkSuc</result></zwd>")
end sub
相关文章推荐
- ajax上传图片所用jquery.form.js插件详细使用方法
- ajax使用教程——ajax使用方法及相关知识点详细解析
- 使用Ajax时常用的转码方法encodeURI,escape,encodeURI
- MVC中使用Ajax提交数据 Jquery Ajax方法传值到action
- 使用UEditor 的时候,ajax注意使用同步的方法
- sql语法:inner join on, left join on, right join on详细使用方法
- Linux操作系统的内存使用方法详细解析
- 两种方法免费使用正版Win10详细图文攻略
- MySql索引的使用方法及详细介绍
- C中qsort函数的六类详细使用方法
- 结合实例详细介绍encodeURI()、encodeURIComponent()、decodeURI()、decodeURIComponent()使用方法
- 各种AJAX方法的使用比较
- Bootstrap table使用方法详细介绍
- Android详细的对话框AlertDialog.Builder使用方法
- 使用Ajax异步上传图片的方法(html,javascript,php)
- C++中insert iterator/iostream iterator的使用方法(详细)
- jquery中的ajax使用方法
- 邮件系统安装与使用过程中各种报错与问题的详细解决方法
- 详细介绍 CVS (附带 其配置与使用方法)
- linux配置防火墙详细步骤(iptables命令使用方法)