AjaxPro In WebApp
本文属于小结，主要有二个目的
1.网上一些人说AjaxPro在WebApplication中无法应用的问题
2.简化AjaxPro注册加载方式（基于性能方面的考虑）
1.AjaxPro在WebApplication中配置
- Web.Config
<httpHandlers>
<!--Framework 3.5 Default HttpHandlers—>
…
<!--AjaxPro HttpHandlers—>
<add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
</httpHandlers>
- Ref AjaxPro.2.dll
- Page CodeBehind
Page_Load Event中添加注册
AjaxPro.Utility.RegisterTypeForAjax ( typeof ( _Default ) );
声明方法
[AjaxPro.AjaxMethod]
public string getValue ( int a , int b ) {
return Convert.ToString ( a+b );
}
- Page
脚本应用
<input id="Button1" type="button" value="button" onclick="getValue()" />
<script type="text/javascript" language="javascript">
function getValue() {
NameSpace._Default.getValue(1, 2, getGroups_callback);
}
function getGroups_callback(response) {
var dt = response.value;
alert(dt);
}
</script>
2.简化AjaxPro注册、优化加载
引文：
使用AjaxPro的时候，首先要将包含Ajax方法的类注册的页面上，这样做的效果是很好的将面向对象的概念与js结合起来，
但是很可惜，注册这个方法却会让你付出昂贵的代价。注册这个类的时候，它会向页面上注册几段脚本。
首先：代价损失是整个注册过程，至少会耗掉你200ms以上，
其次：这个方法作为.ashx文件在服务器端通过httpHandlers处理为一些js文件，
有3个文件是AjaxPro的核心部分，它们分别是：prototype.ashx，core.ashx 以及converter.ashx。
3个核心文件大约会占用29.9k以上，加上httpHandlers处理的时间，页面性能比较差。
改进：
合并三个核心js文件为一个文件，并进行压缩。
采用RegisterStartupScript来替换AjaxPro源码中的RegisterScriptBlock的加载方式（避免阻塞页面加载）
简化AjaxPro注册使用，采用Attribute方式
代码：
- Page
<form id="form1" runat="server">
<div>
<input id="Button1" type="button" value="button" onclick="getValue()" />
</div>
</form>
<script type="text/javascript" language="javascript">
function getValue() {
NameSpace._Default.getValue(1, 2, getGroups_callback);
}
function getGroups_callback(response) {
var dt = response.value;
alert(dt);
}
</script>
- Page CodeBehind
namespace NameSpace{
[RegAjaxPro ( typeof ( _Default) , "脚本路径" )]
public partial class _Default: System.Web.UI.Page {
protected void Page_Load (object sender , EventArgs e) {
}
[AjaxMethod]
public string getValue (int a , int b) {
return Convert.ToString ( a + b );
}
}
}
- Attribute Class Code
[AttributeUsage ( AttributeTargets.Class , AllowMultiple = true , Inherited = true )]
public class RegAjaxProAttribute : Attribute {
public RegAjaxProAttribute (Type type , String jsPath) {
var assemblyName = String.Concat ( type.FullName , "," ,
type.Assembly.FullName.Substring ( 0 ,
type.Assembly.FullName.IndexOf ( "," ) ) );
var page = System.Web.HttpContext.Current.Handler as System.Web.UI.Page;
var js = @" <script type='text/javascript' language='javascript' src='{0}'></script>";
page.ClientScript.RegisterStartupScript ( page.GetType () , "ajaxPro2min" ,
String.Format ( js , String.Concat ( jsPath , @"ajaxpro2.min.js" ) ).ToString () );
page.ClientScript.RegisterStartupScript ( page.GetType () , "ajaxProAssm" ,
String.Format ( js , String.Concat ( "/ajaxpro/" , assemblyName , ".ashx" ) ).ToString () );
}
}
结束！
