运维开发网

Js调用后台方法

运维开发网 https://www.qedev.com 2022-05-10 16:06 出处:网络
这篇文章主要介绍了浅谈AjaxPro.dll,asp.net 前台js调用后台方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

这篇文章主要介绍了浅谈AjaxPro.dll,asp.net 前台js调用后台方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

1.什么是Ajax?

Ajax是异步Javascript和XML的缩写。“Ajax”一词的发明者是杰西·詹姆斯·加勒特(Jesse James Garrett),是谷歌推动了Ajax技术并使其流行起来。Ajax的核心思想是使用XMLHttpRequest对象发送异步请求。

2.你为什么用它?

Ajax减轻服务器的负担。Ajax的原则是"按需取数据",可以最大程序地减少冗余请求,减轻服务器的负担。 无需刷新页面,减少用户心理和实际的等待时间。特别是在读取大量数据时,不会像刷新页面那样出现白屏的情况,Ajax使用XMLHttpRequest对象发送请求并且得到服务器响应,在不重新载入整个页面的情况下,用Javascript操作DOM更新页面。因此在读取数据的过程中,用户所面对的不是白屏,是原来的页面内容(也可以加入一个"loading"的提示框让用户知道目前正在读取的数据),只有在数据接收完毕之后才更新社会相应部分的内容。这种更新是瞬间的,用户几乎感觉不到。 带来更好的用户体验 可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器负担,充分利用带宽资源,节约空间和宽带租用成本。 可以调用外部数据 基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。 进一步促进页面呈现与数据的分离

3.Ajax应用场景

场景1:数据验证

场景2:按需获取数据

场景3:自动更新页面

4.Ajax开发框架

JQuery Ext YUI Qooxdoo DWR(Direct Web Remoting)

目前这款产品已经加入了WebWork,开源(Apache)。一个可以在javascript代码中直接调用java方法的应用框架,可以将Javascript中的请求调用转移到Java方法中,并将执行结果返回给Javascript。

马上结贴

AjaxPro是第一个支持访问服务器端的免费库。net通过javascript以各种方式,类似于SAJAX。它可以发送Javascript请求到。NET方法,服务器将它们发送回Javascript,甚至序列化自定义类。其主要特点如下:

可以在Javascript中访问会话和应用程序数据;

缓存查询结果

使用免费源代码

所有类都支持Javascript客户端返回数据,在Javascript中可以使用DataSet。

使用HtmlControls组件访问和返回数据

页面不需要重载,使用事件代理(数据访问层)。

因为只提供一个调用接口方法,服务器CPU占用很少。

Magicajax

Magicajax以最简单的方式将ajax功能集成到页面中,无需修改alone控件或编写新控件,更不用说JAVASCRIPT了。它具有以下特点:

应用程序简单易用;

只需要一个AJAXPANEL就可以实现Ajax功能,只需要把需要无刷的控件放入AJAXPANEL即可。

Ajax函数和普通回发可以共存于一个web表单中,MagicJax处理模块只处理AJAXPANEL中包含的控件的回调动作。

VIEWSTATE的内容对于回调和回叫都是可见的,所以回调和回发生成的VIEWSTATE都是可见的;

提供类似回发回调的事件模型。

支持IE和Firefox

Anthem.NET

与传统的Ajax技术相比,Anthem.NET具有以下优势:

不需要任何技术升级,之前不会使用Ajax技术的人,可以按照之前的编程方式实现异步交互;

支持ASP.NET 1.1和ASP.NET 2.0

5.AjaxPro描述

本文档将使用AjaxPro.Net框架实现Ajax功能:在客户端异步调用服务器端方法。AjaxPro.Net是一个优秀的Ajax框架。net环境,它的用法非常简单。可以查阅相关资料。本文通过一个简单的例子讲述了使用AjaxPro的几个要点。这个例子实现了一个简单的功能,服务器将页面中输入的数字加1的结果返回给客户端(注意必须有一个AjaxPro包,即AjaxPro.dll文件,可以在VSS上下载)。

6.AjaxPro的示例

6.1.添加AjaxPro.dll应用程序。

2.1.1用vs打开项目,在其资源管理器中,右键点击引用,左键点击“添加引用”,如图1_1所示。


图1-1

2.1.2出现图1_2所示的对话框。单击浏览找到AjaxPro.dll文件的位置,双击AjaxPro.dll,然后单击确定。


图1-2

2.1.3在资源管理器的reference文件夹下,可以看到AjaxPro,表示引用添加成功,如图1_3所示。


图1-3

2.2.配置web.config

这一步的目的是确保客户端的请求(POST和GET)到达" ajaxpro/*。ashx”被AjaxPro拦截。AjaxHandlerFactory

在lt;中打开web.config文件。配置gt。lt;system.webgt。添加以下代码,

lt;httpHandlersgt。

lt;addverb="POST,GET"path="ajaxpro/*。ashx"type="AjaxPro。AjaxHandlerFactory,AjaxPro "/gt;

lt;/httpHandlersgt。

如图2_1所示。


图2-1

2.3.添加服务器端方法

2.3.1打开后台代码,在Page_Load方法体中添加以下代码,

ax pro . utility . registertypeforaajax(type of(类的类名));

如图3-1所示。


图3-1

它的功能是向客户端输出以下代码:

lt;script type = " text/JavaScript " src = "/ch33/Ajax pro/core . ashx " gt;lt;/scriptgt。

lt;script type = " text/JavaScript " src = "/ch33/Ajax pro/ch33。验证,ch33.ashx"gt。lt;/scriptgt。


2.3.2.加一个数加一个法。首先,添加[AjaxPro。AjaxMethod]放在方法之前,然后像C#方法一样写方法,如图3-2所示。


图3-2

注意:需要添加[Ajax。AjaxMethod]徽标,以便客户端可以访问它。

2.4.添加前台代码

在前台添加一个JS脚本,调用服务器端方法,如图4-1(试试。AjaxTest.Add(num))。Try是page类,也就是AjaxTest类所在的named 空之间。这里是尝试;AjaxTest是类名,Add是方法名)。


图4-1

2.5、运行程序,测试结果

按照以上四个步骤,就可以达到想要的效果,如图5-1所示。


AjaxPro.dll资源下载地址:http://xiazai.jb51.net/202007/yuanma/AjaxPro_jb51.rar

这就是这篇关于ajaxpro.dll和ASP的文章。NET前台js调用后台方法。有关ajaxpro.dll和ASP的更多信息。NET前台js调用后台内容,请搜索源搜网之前的文章或者继续浏览下面的相关文章。希望大家以后能多支持

0

上一篇:

没有了:下一篇

精彩评论

暂无评论...
验证码 换一张
取 消