AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

微软AJax.net源码初步分析(2)--服务执行流程

2017-11-14 970
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
我以一个最简单的helloworld为例，演示AJax.net源码中调用后台服务的机制，只是列出一些大体的框架，具体细节我还在研究中:)
不当之处，欢迎指正。

我先把例子中的核心代码列出，方便大家阅读。
HelloWorldService服务中：
    [WebMethod(EnableSession  =   true )]
     public   string  HelloWorld( string  name)
     {
        String aaa = Session["name"].ToString();
        string hello = String.IsNullOrEmpty(name) ? "无名氏" : name;
        hello += "你好,当前服务器时间是：";
        hello += DateTime.Now.ToUniversalTime() + "   " + aaa;
        return hello;
    }

HelloWorld.aspx文件:
<% @ Page Language = " C# "  AutoEventWireup = " true "   CodeFile = " HelloWorld.aspx.cs "  Inherits = " _Default "   %>

<% @ Register Assembly = " Microsoft.Web.Extensions "  Namespace = " Microsoft.Web.UI "  TagPrefix = " asp "   %>

<! DOCTYPE html PUBLIC  " -//W3C//DTD XHTML 1.0 Transitional//EN "   " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

< html >
< head id = " Head1 "  runat = " server " >
     < title > Hello </ title >

< script type = " text/javascript " >
    function SayHello()
     {
        var fs = HelloWorldService;
        fs.set_defaultSucceededCallback(OnShow);
        fs.HelloWorld(document.getElementById("name").value);

    }
    function OnShow(result)
     {
        var s = document.getElementById("result");
        s.innerText = result;
    }
</ script >
    
 </ head >
< body style = " font-size: 12pt " >
     < form id = " form1 "  runat = " server " >
    
         < asp:ScriptManager ID = " ScriptManager1 "  runat = " server " >
             < Services >
                 < asp:ServiceReference Path = " ~/HelloWorldService.asmx "   />
             </ Services >
         </ asp:ScriptManager >
         < div >
        你的名字:
         < input type = " text "  maxlength = " 20 "  id = " name "   />
         < input type = " button "  id = " button1 "  value = " 问候 "  onclick = " SayHello() "   />
         < div id = " result " ></ div >
         </ div >
     </ form >
     </ body >
</ html >

后台调用机制分析：(都是Microsoft.Web.Extensions.dll反编译后看到的)
1、在AssemblyInfo.cs中声明了如下一些javascript脚本：
 [assembly: System.Web.UI.WebResource("Microsoft.Web.Resources.Timer.bmp", "image/bmp")]
 [assembly: System.Web.UI.WebResource("Microsoft.Web.Resources.Background.gif", "image/gif")]
 [assembly: System.Web.UI.WebResource("Microsoft.Web.Resources.ScriptLibrary.MicrosoftAjaxWebForms.debug.js", "application/x-javascript")]
 [assembly: System.Web.UI.WebResource("Microsoft.Web.Resources.ScriptLibrary.MicrosoftAjaxRuntime.debug.js", "application/x-javascript")]
 [assembly: System.Web.UI.WebResource("Microsoft.Web.Resources.ScriptLibrary.MicrosoftAjax.debug.js", "application/x-javascript")]
 [assembly: System.Web.UI.WebResource("Microsoft.Web.Resources.ScriptLibrary.MicrosoftAjaxWebForms.js", "application/x-javascript")]
 [assembly: System.Web.UI.WebResource("Microsoft.Web.Resources.ScriptLibrary.MicrosoftAjaxRuntime.js", "application/x-javascript")]
 [assembly: System.Web.UI.WebResource("Microsoft.Web.Resources.ScriptLibrary.MicrosoftAjax.js", "application/x-javascript")]

这些javascript脚本也都是作为资源包含在Microsoft.Web.Extensions.dll中的

2、在ScriptManager的OnPreRender中进行如下操作，进行js代码的注册(有的方法是调用其它类里面的)：
         // 取得AJax的客户端脚本名称
         private   static   string  GetFullName( string  name, System.Reflection.Assembly assembly)
         {
            if (assembly != ScriptReference.AtlasFrameworkAssembly)
            {
                return name;
            }
            return ("Microsoft.Web.Resources.ScriptLibrary." + name);
        }
         // 取得dll中js文件的位置
         string  IClientScriptManager.GetWebResourceUrl(Type type,  string  resourceName)
         {
            return this._clientScriptManager.GetWebResourceUrl(type, resourceName);
        }         

         // 注册客户段脚本(写入页面的html文件中去)
         void  IClientScriptManager.RegisterClientScriptInclude(Type type,  string  key,  string  url)
         {
            this._clientScriptManager.RegisterClientScriptInclude(type, key, url);
        }
         // 注册服务
         // 取得页面上有哪些服务，如上面的HelloWorldService.asmx服务,然后调用如下语句
         this ._clientScriptManager.RegisterClientScriptInclude(type,  " HelloWorldService.asmx/jsdebug " ,  " HelloWorldService.asmx/jsdebug " );
以上主要是使用.net 2.0新增的 ClientScriptManager类进行客户端脚本的注册，也就是生成我们在页面上看到的如下一段代码：
(通过查看运行时的aspx文件的html代码)
<script src="/Web/WebResource.axd?d=7lZSau3voGpyPgiEEMwJxQ2&amp;t=632965017419375000" type="text/javascript"></script>
......
<script src="/Web/WebResource.axd?d=VbevhO3ptb2WYvwQWrgTHKAWH4jfDIInCsIvYHSSJgRDZKhi9uLV9U_0kyOUMuNB32yLgf_UUzCml8vnGl7OI4r89qpFWhjBi2BmMZGBkApjwmG5MAGWzA_yjFYvRA8w2gdgDWR5RgcQF-F7MVigcyaKFVde2W9oIqW8P4zdL9g1&amp;t=632985966674218750" type="text/javascript"></script>
<script src="HelloWorldService.asmx/jsdebug" type="text/javascript"></script>

3、通过IHttpHandlerFactory接口对服务进行处理：
在web.config中进行注册：
  <httpHandlers>
   <remove verb="*" path="*.asmx"/>
   <add verb="*" path="*.asmx" validate="false" type="Microsoft.Web.Script.Services.ScriptHandlerFactory, Microsoft.Web.Extensions"/>
  </httpHandlers>

  然后在ScriptHandlerFactory中调用如下一段代码：
             public   void  ProcessRequest(HttpContext context)
             {
                this._originalHandler.ProcessRequest(context);
            }
        
                 base ._builder.Append(text1).Append( " .set_path = function(value) { \r\n/// <summary>Sets the service url.</summary>\r\n/// <param name=\ " path\ "  type=\ " String\ " >The service url.\r\nvar e = Function._validateParams(arguments, [{name: 'path', type: String}]); if (e) throw e;  " ).Append(text1).Append( " ._staticInstance._path = value; }\r\n " );
                 base ._builder.Append(text1).Append( " .get_path = function() { \r\n/// <summary>Returns the service url.</summary>\r\n/// <returns type=\ " String\ " >The service url.</returns>\r\nreturn  " ).Append(text1).Append( " ._staticInstance._path; }\r\n " );
                 base ._builder.Append(text1).Append( " .set_timeout = function(value) { \r\n/// <summary>Sets the service timeout.</summary>\r\n/// <param name=\ " value\ "  type=\ " Number\ " >The service timeout.\r\nvar e = Function._validateParams(arguments, [{name: 'timeout', type: Number}]); if (e) throw e; if (value < 0) { throw Error.argumentOutOfRange('value', value, Sys.Res.invalidTimeout); }\r\n " ).Append(text1).Append( " ._staticInstance._timeout = value; }\r\n " );
                 base ._builder.Append(text1).Append( " .get_timeout = function() { \r\n/// <summary>Returns the service timeout.</summary>\r\n/// <returns type=\ " Number\ " >The service timeout.</returns>\r\nreturn  " ).Append(text1).Append( " ._staticInstance._timeout; }\r\n " );
                 base ._builder.Append(text1).Append( " .set_defaultUserContext = function(value) { \r\n/// <summary>Sets the service default userContext.</summary>\r\n/// <param name=\ " value\ " >The service default user context.\r\n " ).Append(text1).Append( " ._staticInstance._userContext = value; }\r\n " );
                 base ._builder.Append(text1).Append( " .get_defaultUserContext = function() { \r\n/// <summary>Returns the service default user context.</summary>\r\n/// <returns>The service default user context.</returns>\r\nreturn  " ).Append(text1).Append( " ._staticInstance._userContext; }\r\n " );
                 base ._builder.Append(text1).Append( " .set_defaultSucceededCallback = function(value) { \r\n/// <summary>Sets the service default succeeded callback.</summary>\r\n/// <param name=\ " value\ "  type=\ " Function\ " >The service default succeed callback function.\r\nvar e = Function._validateParams(arguments, [{name: 'defaultSucceededCallback', type: Function}]); if (e) throw e;  " ).Append(text1).Append( " ._staticInstance._succeeded = value; }\r\n " );
                 base ._builder.Append(text1).Append( " .get_defaultSucceededCallback = function() { \r\n/// <summary>Returns the service default succeeded callback.</summary>\r\n/// <returns type=\ " Function\ " >The service default succeeded callback.</returns>\r\nreturn  " ).Append(text1).Append( " ._staticInstance._succeeded; }\r\n " );
                 base ._builder.Append(text1).Append( " .set_defaultFailedCallback = function(value) { \r\n/// <summary>Sets the service default failed callback function.</summary>\r\n/// <param name=\ " value\ "  type=\ " Function\ " >The service default failed callback function.\r\nvar e = Function._validateParams(arguments, [{name: 'defaultFailedCallback', type: Function}]); if (e) throw e;  " ).Append(text1).Append( " ._staticInstance._failed = value; }\r\n " );
                 base ._builder.Append(text1).Append( " .get_defaultFailedCallback = function() { \r\n/// <summary>Returns the service default failed callback function.</summary>\r\n/// <returns type=\ " Function\ " >The service default failed callback function.</returns>\r\nreturn  " ).Append(text1).Append( " ._staticInstance._failed; }\r\n " );
                
                ..
                context.Response.ContentType  =   " application/x-javascript " ;
                context.Response.Write(text1);

以上代码实际上就是根据页面上有的服务生成对应的javascript代码，比如我们针对上面的HelloWorldService.asmx服务，就会生成如下一段javascript
代码，注册到页面中去：
var HelloWorldService=function() {
this._timeout = 0;
this._userContext = null;
this._succeeded = null;
this._failed = null;
}
HelloWorldService.prototype={
HelloWorld:function(name,succeededCallback, failedCallback, userContext) {
    /// <summary>Invoke the HelloWorld WebMethod</summary>
    /// <param name=\"name\">WebMethod parameter: name(type: String)</param>
    /// <param name=\"succeededCallback\" type=\"function\" optional=\"true\">Callback on successful completion of request</param>
    /// <param name=\"failedCallback\" type=\"function\" optional=\"true\">Callback on failure of request</param>
    /// <param name=\"userContext\" optional=\"true\">User context data (any JavaScript type)</param>
return Sys.Net._WebMethod._invoke.apply(null, [ this, 'HelloWorld','HelloWorldService.HelloWorld',false,{name:name},succeededCallback, failedCallback, userContext]); },_get_path: function() { return HelloWorldService.get_path(); },

set_timeout: function(value) {
    /// <summary>Sets the timeout for this service.</summary>
    /// <param name=\"value\" type=\"Number\">The timeout in milliseconds.</param>
    var e = Function._validateParams(arguments, [{name: 'timeout', type: Number}]);
    if (e) throw e;
    if (value < 0) {
        throw Error.argumentOutOfRange('value', value, Sys.Res.invalidTimeout);
    }
    this._timeout = value;
},
get_timeout: function() {
    /// <summary>Returns the timeout in milliseconds for this service.</summary>
    /// <returns type=\"Number\">The timeout in milliseconds for the service.</returns>
    return this._timeout;
},
set_defaultUserContext: function(value) {
    /// <summary>Sets the default userContext for this service.</summary>
    /// <param name=\"value\">The default userContext for this service.</param>
    this._userContext = value;
},
get_defaultUserContext: function() {
    /// <summary>Returns the default userContext for this service.</summary>
    /// <returns>Returns the default userContext for this service.</returns>
    return this._userContext;
},
set_defaultSucceededCallback: function(value) {
    /// <summary>Sets the default succeededCallback for this service.</summary>
    /// <param name=\"value\" type=\"Function\">The default succeededCallback for this service.</param>
    var e = Function._validateParams(arguments, [{name: 'defaultSucceededCallback', type: Function}]);
    if (e) throw e;
    this._succeeded = value;
},
get_defaultSucceededCallback: function() {
    /// <summary>Returns the default succeededCallback for this service.</summary>
    /// <returns type=\"Function\">Returns the default succeededCallback for this service.</returns>
    return this._succeeded;
},
set_defaultFailedCallback: function(value) {
    /// <summary>Sets the default FailedCallback for this service.</summary>
    /// <param name=\"value\" type=\"Function\">The default FailedCallback for this service.</param>
    var e = Function._validateParams(arguments, [{name: 'set_defaultFailedCallback', type: Function}]);
    if (e) throw e;
    this._failed = value;
},
get_defaultFailedCallback: function() {
    /// <summary>Returns the default failedCallback for this service.</summary>
    /// <returns type=\"Function\">Returns the default failedCallback for this service.</returns>
    return this._failed;
}
}
HelloWorldService._staticInstance = new HelloWorldService();
HelloWorldService.set_path = function(value) { 
/// <summary>Sets the service url.</summary>
/// <param name=\"path\" type=\"String\">The service url.
var e = Function._validateParams(arguments, [{name: 'path', type: String}]); if (e) throw e; HelloWorldService._staticInstance._path = value; }
HelloWorldService.get_path = function() { 
/// <summary>Returns the service url.</summary>
/// <returns type=\"String\">The service url.</returns>
return HelloWorldService._staticInstance._path; }
HelloWorldService.set_timeout = function(value) { 
/// <summary>Sets the service timeout.</summary>
/// <param name=\"value\" type=\"Number\">The service timeout.
var e = Function._validateParams(arguments, [{name: 'timeout', type: Number}]); if (e) throw e; if (value < 0) { throw Error.argumentOutOfRange('value', value, Sys.Res.invalidTimeout); }
HelloWorldService._staticInstance._timeout = value; }
HelloWorldService.get_timeout = function() { 
/// <summary>Returns the service timeout.</summary>
/// <returns type=\"Number\">The service timeout.</returns>
return HelloWorldService._staticInstance._timeout; }
HelloWorldService.set_defaultUserContext = function(value) { 
/// <summary>Sets the service default userContext.</summary>
/// <param name=\"value\">The service default user context.
HelloWorldService._staticInstance._userContext = value; }
HelloWorldService.get_defaultUserContext = function() { 
/// <summary>Returns the service default user context.</summary>
/// <returns>The service default user context.</returns>
return HelloWorldService._staticInstance._userContext; }
HelloWorldService.set_defaultSucceededCallback = function(value) { 
/// <summary>Sets the service default succeeded callback.</summary>
/// <param name=\"value\" type=\"Function\">The service default succeed callback function.
var e = Function._validateParams(arguments, [{name: 'defaultSucceededCallback', type: Function}]); if (e) throw e; HelloWorldService._staticInstance._succeeded = value; }
HelloWorldService.get_defaultSucceededCallback = function() { 
/// <summary>Returns the service default succeeded callback.</summary>
/// <returns type=\"Function\">The service default succeeded callback.</returns>
return HelloWorldService._staticInstance._succeeded; }
HelloWorldService.set_defaultFailedCallback = function(value) { 
/// <summary>Sets the service default failed callback function.</summary>
/// <param name=\"value\" type=\"Function\">The service default failed callback function.
var e = Function._validateParams(arguments, [{name: 'defaultFailedCallback', type: Function}]); if (e) throw e; HelloWorldService._staticInstance._failed = value; }
HelloWorldService.get_defaultFailedCallback = function() { 
/// <summary>Returns the service default failed callback function.</summary>
/// <returns type=\"Function\">The service default failed callback function.</returns>
return HelloWorldService._staticInstance._failed; }
HelloWorldService.set_path(\"/Web/HelloWorldService.asmx\");
HelloWorldService.HelloWorld= function(name,onSuccess,onFailed,userContext) {    /// <summary>Invoke the HelloWorld WebMethod</summary>
    /// <param name=\"name\">WebMethod parameter: name(type: String)</param>
    /// <param name=\"succeededCallback\" type=\"function\" optional=\"true\">Callback on successful completion of request</param>
    /// <param name=\"failedCallback\" type=\"function\" optional=\"true\">Callback on failure of request</param>
    /// <param name=\"userContext\" optional=\"true\">User context data (any JavaScript type)</param>
HelloWorldService._staticInstance.HelloWorld(name,onSuccess,onFailed,userContext); }

4、实际调用
这样服务注册好之后，我们在页面上写的
        var fs = HelloWorldService;
        fs.set_defaultSucceededCallback(OnShow);
        fs.HelloWorld(document.getElementById("name").value);
实际上就是调用注册好的javascript脚本，然后这些脚本再通过通用的AJAX连接XML的异步方式调用后台代码就可以了


    本文转自永春博客园博客，原文链接：http://www.cnblogs.com/firstyi/archive/2006/11/08/554374.html，如需转载请自行联系原作者


文章标签：
移动开发
JavaScript
Web App开发
前端开发
.NET
关键词：
.NET分析
.NET服务
.NET源码
ajax分析
ajax源码
橘子红了呐
目录
相关文章
源码世界
|
6月前
|
存储 开发框架 前端开发
前端框架EXT.NET Dotnet 3.5开发的实验室信息管理系统（LIMS）成品源码 B/S架构
发展历史：实验室信息管理系统(LIMS)，就是指通过计算机网络技术对实验的各种信息进行管理的计算机软、硬件系统。也就是将计算机网络技术与现代的管理思想有机结合，利用数据处理技术、海量数据存储技术、宽带传输网络技术、自动化仪器分析技术，来对实验室的信息管理和质量控制等进行全方位管理的计算机软、硬件系统，以满足实验室管理上的各种目标（计划、控制、执行）。
源码世界
68 1
源码世界
|
5月前
|
开发框架 前端开发 .NET
LIMS（实验室）信息管理系统源码、有哪些应用领域？采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
集成于VS 2019，EXT.NET前端和ASP.NET后端，搭配MSSQL 2018数据库。系统覆盖样品管理、数据分析、报表和项目管理等实验室全流程。应用广泛，包括生产质检（如石化、制药）、环保监测、试验研究等领域。随着技术发展，现代LIMS还融合了临床、电子实验室笔记本和SaaS等功能，以满足复杂多样的实验室管理需求。
源码世界
83 3
LIMS（实验室）信息管理系统源码、有哪些应用领域？采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
广州爱奇迪-伍华聪
|
3月前
|
Web App开发 数据采集 开发框架
在.NET程序中整合微软的Playwright，使用 Playwright 的最佳实践和技巧
在.NET程序中整合微软的Playwright，使用 Playwright 的最佳实践和技巧
广州爱奇迪-伍华聪
124 0
今天是几号
|
5月前
|
JavaScript 前端开发 安全
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
安全开发-JS应用&原生开发&JQuery库&Ajax技术&加密编码库&断点调试&逆向分析&元素属性操作
今天是几号
52 5
追逐时光者
|
4月前
|
C#
效率提升利器：一个在线的.NET源码查询网站
效率提升利器：一个在线的.NET源码查询网站
追逐时光者
46 0
67vpym2vvkfhs
|
5月前
|
SQL 机器学习/深度学习 缓存
心得经验总结：深入Dapper.NET源码(文长)
心得经验总结：深入Dapper.NET源码(文长)
67vpym2vvkfhs
85 0
源码宝
|
6月前
|
开发框架 前端开发 JavaScript
JavaScript云LIS系统源码ASP.NET CORE 3.1 MVC + SQLserver + Redis医院实验室信息系统源码 医院云LIS系统源码
实验室信息系统（Laboratory Information System，缩写LIS）是一类用来处理实验室过程信息的软件，云LIS系统围绕临床，云LIS系统将与云HIS系统建立起高度的业务整合，以体现“以病人为中心”的设计理念，优化就诊流程，方便患者就医。
源码宝
81 0
源码世界
|
6月前
|
开发框架 前端开发 JavaScript
采用C#.Net +JavaScript 开发的云LIS系统源码 二级医院应用案例有演示
技术架构：Asp.NET CORE 3.1 MVC + SQLserver + Redis等 开发语言：C# 6.0、JavaScript 前端框架：JQuery、EasyUI、Bootstrap 后端框架：MVC、SQLSugar等 数 据 库：SQLserver 2012
源码世界
65 0
二二*一一
|
2月前
|
开发框架 前端开发 JavaScript
ASP.NET MVC 教程
ASP.NET 是一个使用 HTML、CSS、JavaScript 和服务器脚本创建网页和网站的开发框架。
二二*一一
43 7
Echo_Wish
|
2月前
|
存储 开发框架 前端开发
ASP.NET MVC 迅速集成 SignalR
ASP.NET MVC 迅速集成 SignalR
Echo_Wish
61 0

热门文章

最新文章

  • 1
    AgileEAS.NET SOA 中间件平台5.2版本下载、配置学习(二)：配置WinClient分布式运行环境
  • 2
    如何使ASP.NET MVC Controller易测试呢？
  • 3
    asp.net学习之ado.net(无连接模式中的DataAdapter)
  • 4
    【STM32 .Net MF开发板学习-16】Zigbee遥控智能小车
  • 5
    Silverlight 游“.NET研究”戏开发小技巧：扇形排列元素
  • 6
    北京.NET俱乐部第十一次沙龙-Office2007新特性体验
  • 7
    .Net开发笔记（七）使用组件编程
  • 8
    [原创].NET 业务框架开发实战之十 第一阶段总结，深入浅出，水到渠成（前篇）
  • 9
    乱想-ASP.NET 整个生命周期（含IIS处理）
  • 10
    Asp.net Mvc Framework 五 (向View传值以及Redirect)
  • 1
    在火狐浏览器调ajax获取json数据时，控制台提示“XML 解析错误：格式不佳”。
    77
  • 2
    ajax的优缺点？
    68
  • 3
    Ajax的使用方法
    62
  • 4
    ajax请求js
    52
  • 5
    ajax请求方法以及参数！
    66
  • 6
    Ajax(vue-resource)
    70
  • 7
    Ajax(axios)
    72
  • 8
    Django 模板中使用 Ajax POST
    57
  • 9
    浏览器跨域限制：为什么浏览器不能跨域发送Ajax请求？
    105
  • 10
    探秘 AJAX：让网页变得更智能的异步技术(下)
    108

    • 相关课程

    更多
  • Ajax 前端开发入门与实战
  • Ajax入门
  • Java Web开发-Web应用、Tomcat、HTTP请求与响应

    • 相关电子书

    更多
  • QQ移送页面框架优化实践
  • QQ移动页面框架优化实践
  • 基于浏览器的实时构建探索之路--玄寂

    • 相关实验场景

    更多
  • WEB网页编程实战
    • 下一篇
    手把手教你白嫖阿里云服务器(免费领服务器)