ajax 小方法. 详细使用方法
来源:互联网 发布:centos卸载nginx 编辑:程序博客网 时间:2024/05/21 02:49
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 = ...{
}
//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 = "对不起,验证失败!";
<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>
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
dim Str as string = Request.QueryString("types")
Response.Write("<zwd><result>OkSuc</result></zwd>")
end sub
- ajax 小方法. 详细使用方法
- $.ajax()方法详细
- ajax方法 小笔记
- $.ajax()方法参数详细解释
- jqury ajax 方法小总结
- ajax上传图片所用jquery.form.js插件详细使用方法
- ajax上传图片所用jquery.form.js插件详细使用方法
- jQuery.ajax()方法中参数详细解析
- $.ajax()方法各参数详细了解
- $.ajax()方法各参数详细了解
- Ajax使用方法
- ajax使用教程——ajax使用方法及相关知识点详细解析
- JQuery Ajax 方法调用 Asp.Net WebService 的详细例子
- jQuery Ajax 方法调用 Asp.Net WebService 的详细例子
- jQuery Ajax 方法调用 Asp.Net WebService 的详细例子
- jQuery Ajax 方法调用 Asp.Net WebService 的详细例子
- jQuery Ajax 方法调用 Asp.Net WebService 的详细例子
- jQuery Ajax 方法调用 Asp.Net WebService 的详细例子
- windows server 2003的设置使用
- sql server远程链接错误
- double等型的精读控制方法
- 用于 Oracle 的 Microsoft OLE DB 提供程序
- appfuse入门资源收集
- ajax 小方法. 详细使用方法
- AutoSave介绍与使用
- 成功人生生涯规划精进要诀24条
- 知识点
- 个人理财十大“通用”原则
- 发现好地方
- 面试大全 血的教训
- Scott Mitchell 的ASP.NET 2.0数据教程之第55: 在Data Web控件显示二进制数据
- 人生理财的六个阶段详解