ajaxpro安装和使用
1、 Ajax.net 做为Ajax技术在dotNet 框架下的实现,作者Michael Schwarz采取了一种封装效果相当棒的技术:将客户端处理XML、事件调用方式都封装在2个Javascript文件中(AjaxPro.prototype.js 和AjaxPro.core.js),同时将这2个重要文件以资源的形式编译于dll中,在处理客户端请求其自定义的.ashx文件时,返回这两个文件。所以我们在使用Ajax.net时需要在Web.config中添加如下httpHandlers以 AjaxPro.AjaxHandlerFactory来处理.ashx文件:
在<system.web>与</system.web>之间插入以下代码
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
</httpHandlers>
2、在此基础上,Ajax.net开始对要求其处理的方法进行封装,以便在客户端通过Javascript来调用。首先在用户必须调用的另一个ashx文件即 converter.ashx中做了方法的封装,当然要支持任意多数量的参数及返回值的处理,然后就是对于服务端的逻辑处理方法所在类的封装处理。
如何开始使用Ajax.net
A:获取Ajax.net 可以到 http://www.schwarz-interactive.de/ 下载(目前最新版6.4.15.1.)。
B:解压zip并在需要使用的项目中添加对dll的引用(其中AjaxPro.dll为dotnet1.1版,AjaxPro.2.dll 为2.0版)
C:如同上面所说,在web.config中添加对ashx的处理
D:在服务端添加Ajax.net要处理的方法,假如我们要提供的服务是返回用户输入的字符的MD5校验码,那么我们首先要做的是给这个方法加入需要Ajax.net处理使客户端可以直接调用的属性[AjaxPro.AjaxMethod]如下:
[AjaxPro.AjaxMethod]
public string Md5Hash(string sSou)
{
string sResult ="";
byte[] byBuffer = System.Text.Encoding.UTF8 .GetBytes(sSou);
System.Security.Cryptography.MD5CryptoServiceProvider md = new System.Security.Cryptography.MD5CryptoServiceProvider();
byte[] result = md.ComputeHash(byBuffer);
for(int i=0; i< result.GetLength(0); i++)
{
sResult += result.ToString("X2");
}
return sResult;
}
然后在Page_Load中注册此类
private void Page_Load(object sender, System.EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax
(typeof(WebForm1));
}
E:在客户端调用方法:
<script type="text/javascript">
function getMd5()
{
var a = document.getElementById("source").value;
var c = TAjax.WebForm1.Md5Hash(a);
alert(c.value);
}
</script>
<input type="text" id="source" name="source" >
<input type="button" name="sub" onclick="getMd5()" value="提交">
当然这里Tajax.WebForm1就是实现类的全名了(包括namespace).
这样一个简单应用就算完成了,怎么样,是不是简单的很?在这么简单的使用了Ajax.net后你是不是和我一样觉得不满足,好像还有一些工作可以做?对了,接下来我们将继续深度使用并实现无aspx文件的逻辑层和表现层的彻底分离。
应用Ajax.net在Asp.net中实现无aspx文件应用,彻底分离逻辑层和表现层
Asp.net 中居然没有aspx文件,要如何实现呢?我不知道你想过没有,我反正觉得这是个艰巨的任务;因为aspx文件?鑫桓銮帕毫恿饲疤ê秃筇ǎ桓?nbsp;runat=server为我们做了太多的事情,我们自己实现也不是完全不可以,不过费尽周折的意义可能并不大;说到意义——这样做的意义我想不用我说,大家自己想想吧,呵呵。闲话少絮。我们接着进入正题。
通过前面的描述,我想大家一定可以猜到关键点。对了,就是那几个js,我们启动程序,查看源文件,奥妙就在这里:
<script type="text/javascript" src="/TAjax/ajaxpro/prototype.ashx"></script>
<script type="text/javascript" src="/TAjax/ajaxpro/core.ashx"></script>
<script type="text/javascript" src="/TAjax/ajaxpro/converter.ashx"></script>
<script type="text/javascript" src="/TAjax/ajaxpro/TAjax.WebForm1,TAjax.ashx"></script>
注:TAjax在VB中称为项目名称.在C#上则为名称空间名.WebForm1为类名
前面3个文件我就不在多说,前面已经说过,我们只看最后一个,那不正是Ajax.net对我们服务端类的封装吗?
addNamespace("TAjax");
TAjax.WebForm1_class = Class.create();
Object.extend(TAjax.WebForm1_class.prototype, Object.extend(new AjaxPro.AjaxClass(), {
Md5Hash: function(sSou) {
return this.invoke("Md5Hash", {"sSou":sSou}, this.Md5Hash.getArguments().slice(1));
},
initialize: function() {
this.url = ''/TAjax/ajaxpro/TAjax.WebForm1,TAjax.ashx'';
}
}));
TAjax.WebForm1 = new TAjax.WebForm1_class();
既然原理明白了,分离就简单了,参照上一部份,我们的步骤从D开始改变
D:新建一个类Admin,将WebForm1.aspx.cs中的代码拿过来。
注:在VB.NET中拷过来时只需拷贝Md5Hash那段函数即可.不必再构造函数中注册此类.C#中我没试过
<AjaxPro.AjaxMethod()> _
Public Function Md5Hash(ByVal sSou As String) As String
Dim sResult As String = ""
Dim byBuffer As Byte() = System.Text.Encoding.UTF8.GetBytes(sSou)
Dim md As System.Security.Cryptography.MD5CryptoServiceProvider = New System.Security.Cryptography.MD5CryptoServiceProvider
Dim result As Byte() = md.ComputeHash(byBuffer)
Dim i As Integer
For i = 0 To result.GetLength(0) - 1
sResult += result(i).ToString("X2")
Next
Return sResult
End Function
E:在客户端调用方法:
新建一个htm文件include.htm,将前述四行调用放在这里
新建一个htm文件test.htm,内容当然就是前面的客户端表示层。重要的一点就是要添加一个iframe如下:
<iframe name="include" marginwidth=0 marginheight=0 src="include.htm" frameborder=0></iframe>
同样,修改调用为
<script type="text/javascript">
function getMd5()
{
var a = document.getElementById("source").value;
var c = include.TAjax.Admin.Md5Hash(a);
alert(c.value);
}
</script>
在<system.web>与</system.web>之间插入以下代码
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro"/>
</httpHandlers>
2、在此基础上,Ajax.net开始对要求其处理的方法进行封装,以便在客户端通过Javascript来调用。首先在用户必须调用的另一个ashx文件即 converter.ashx中做了方法的封装,当然要支持任意多数量的参数及返回值的处理,然后就是对于服务端的逻辑处理方法所在类的封装处理。
如何开始使用Ajax.net
A:获取Ajax.net 可以到 http://www.schwarz-interactive.de/ 下载(目前最新版6.4.15.1.)。
B:解压zip并在需要使用的项目中添加对dll的引用(其中AjaxPro.dll为dotnet1.1版,AjaxPro.2.dll 为2.0版)
C:如同上面所说,在web.config中添加对ashx的处理
D:在服务端添加Ajax.net要处理的方法,假如我们要提供的服务是返回用户输入的字符的MD5校验码,那么我们首先要做的是给这个方法加入需要Ajax.net处理使客户端可以直接调用的属性[AjaxPro.AjaxMethod]如下:
[AjaxPro.AjaxMethod]
public string Md5Hash(string sSou)
{
string sResult ="";
byte[] byBuffer = System.Text.Encoding.UTF8 .GetBytes(sSou);
System.Security.Cryptography.MD5CryptoServiceProvider md = new System.Security.Cryptography.MD5CryptoServiceProvider();
byte[] result = md.ComputeHash(byBuffer);
for(int i=0; i< result.GetLength(0); i++)
{
sResult += result.ToString("X2");
}
return sResult;
}
然后在Page_Load中注册此类
private void Page_Load(object sender, System.EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax
(typeof(WebForm1));
}
E:在客户端调用方法:
<script type="text/javascript">
function getMd5()
{
var a = document.getElementById("source").value;
var c = TAjax.WebForm1.Md5Hash(a);
alert(c.value);
}
</script>
<input type="text" id="source" name="source" >
<input type="button" name="sub" onclick="getMd5()" value="提交">
当然这里Tajax.WebForm1就是实现类的全名了(包括namespace).
这样一个简单应用就算完成了,怎么样,是不是简单的很?在这么简单的使用了Ajax.net后你是不是和我一样觉得不满足,好像还有一些工作可以做?对了,接下来我们将继续深度使用并实现无aspx文件的逻辑层和表现层的彻底分离。
应用Ajax.net在Asp.net中实现无aspx文件应用,彻底分离逻辑层和表现层
Asp.net 中居然没有aspx文件,要如何实现呢?我不知道你想过没有,我反正觉得这是个艰巨的任务;因为aspx文件?鑫桓銮帕毫恿饲疤ê秃筇ǎ桓?nbsp;runat=server为我们做了太多的事情,我们自己实现也不是完全不可以,不过费尽周折的意义可能并不大;说到意义——这样做的意义我想不用我说,大家自己想想吧,呵呵。闲话少絮。我们接着进入正题。
通过前面的描述,我想大家一定可以猜到关键点。对了,就是那几个js,我们启动程序,查看源文件,奥妙就在这里:
<script type="text/javascript" src="/TAjax/ajaxpro/prototype.ashx"></script>
<script type="text/javascript" src="/TAjax/ajaxpro/core.ashx"></script>
<script type="text/javascript" src="/TAjax/ajaxpro/converter.ashx"></script>
<script type="text/javascript" src="/TAjax/ajaxpro/TAjax.WebForm1,TAjax.ashx"></script>
注:TAjax在VB中称为项目名称.在C#上则为名称空间名.WebForm1为类名
前面3个文件我就不在多说,前面已经说过,我们只看最后一个,那不正是Ajax.net对我们服务端类的封装吗?
addNamespace("TAjax");
TAjax.WebForm1_class = Class.create();
Object.extend(TAjax.WebForm1_class.prototype, Object.extend(new AjaxPro.AjaxClass(), {
Md5Hash: function(sSou) {
return this.invoke("Md5Hash", {"sSou":sSou}, this.Md5Hash.getArguments().slice(1));
},
initialize: function() {
this.url = ''/TAjax/ajaxpro/TAjax.WebForm1,TAjax.ashx'';
}
}));
TAjax.WebForm1 = new TAjax.WebForm1_class();
既然原理明白了,分离就简单了,参照上一部份,我们的步骤从D开始改变
D:新建一个类Admin,将WebForm1.aspx.cs中的代码拿过来。
注:在VB.NET中拷过来时只需拷贝Md5Hash那段函数即可.不必再构造函数中注册此类.C#中我没试过
<AjaxPro.AjaxMethod()> _
Public Function Md5Hash(ByVal sSou As String) As String
Dim sResult As String = ""
Dim byBuffer As Byte() = System.Text.Encoding.UTF8.GetBytes(sSou)
Dim md As System.Security.Cryptography.MD5CryptoServiceProvider = New System.Security.Cryptography.MD5CryptoServiceProvider
Dim result As Byte() = md.ComputeHash(byBuffer)
Dim i As Integer
For i = 0 To result.GetLength(0) - 1
sResult += result(i).ToString("X2")
Next
Return sResult
End Function
E:在客户端调用方法:
新建一个htm文件include.htm,将前述四行调用放在这里
新建一个htm文件test.htm,内容当然就是前面的客户端表示层。重要的一点就是要添加一个iframe如下:
<iframe name="include" marginwidth=0 marginheight=0 src="include.htm" frameborder=0></iframe>
同样,修改调用为
<script type="text/javascript">
function getMd5()
{
var a = document.getElementById("source").value;
var c = include.TAjax.Admin.Md5Hash(a);
alert(c.value);
}
</script>
扩展:如果多处调用而且调用方法较长,你当然可以再对应每个业务类做个js文件,将其中的调用放在一起。
网站地图:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38
39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100
39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76
77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100