详解如何实现最基本的AJAX框架

2016-02-19 15:34 8 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是详解如何实现最基本的AJAX框架,一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

    Asp.Net 2.0自带的客户端回调

    Asp.Net 2.0已经发布。2.0有了许多新特性,客户端回调就是其中之一。客户端回调允许我们不经过回发而调用服务器端的方法,与AJAX提供的功能是一致的,但是不如AJAX灵活,AJAX可以自定义调用的方法,2.0自带的回调功能却不行。要使用客户端回调功能必须实现System.Web.UI.IcallbackEventHandler接口。

这个接口包含两个方法

//客户端回调时固定调用此方法

public void RaiseCallbackEvent(String eventArgument)

//执行完RaiseCallbackEvent后将调用此方法。此方法的返回值将被发回客户端

public string GetCallbackResult()

例:

.cs:

String cbReference = Page.ClientScript.GetCallbackEventReference(

this,"arg", "ReceiveServerData", "context");

String callbackScript;

callbackScript = "function CallServer(arg, context)" + "{ " + cbReference + "} ;";

Page.ClientScript.RegisterClientScriptBlock(

this.GetType(),"CallServer", callbackScript, true);

javascript:

    AJAX介绍

    AJAX并不是一种新的技术,而是一些已有技术的有机结合,主要包括:XmlHttp、Reflect。一个AJAX框架基本上包括:一个自定义的HttpHandler、一段JavaScript代码。

    AJAX运行机制

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

    以前我们使用XmlHttp实现无刷新页面的时候,是用XmlHttp来请求一个隐藏的页面,使用(Asp/Asp.Net)自带的HttpHandler,而在AJAX中,我们请求的也是一个隐藏的页面,不同的是这个页面的HttpHandler是由我们自己来实现。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

    打造自己的AJAX:

  1.首先我们要实现一个Http处理程序(HttpHandler)来响应客户端的请求:

实现自定义的HttpHandler需要实现IHttpHandler接口。

该接口包含一个属性和一个方法:

bool IHttpHandler.IsReusable

void IHttpHandler.ProcessRequest(HttpContext context)

Example:

bool IHttpHandler.IsReusable

{

 get { return true; }

}

void IHttpHandler.ProcessRequest(HttpContext context)

{

 context.Response.Clear(); //获取要调用的方法

 string methodName = context.Request.QueryString["me"];

 //获取程序集信息。

 //Czhenq.AJAX.Class1.Dencode是自定义的字符串编码方法

 string AssemblyName = Czhenq.AJAX.Class1.Dencode(context.Request.QueryString["as"]);

//获取方法的参数

 string Arguments = context.Request.QueryString["ar"]; //开始调用方法

 Type type = Type.GetType(AssemblyName);

 MethodInfo method = type.GetMethod(methodName,

BindingFlags.NonPublic | BindingFlags.Public | BindingFlags.Static | BindingFlags.Instance);

 

 if (method != null)

 {

//参数使用","分隔

string[] args = Arguments.Split(",".ToCharArray());

ParameterInfo[] paras = method.GetParameters();

object[] argument = new object[paras.

t.FromBase64String(value);

 return ASCIIEncoding.ASCII.GetString(bytes);

}

来源:http://www.tulaoshi.com/n/20160219/1609942.html

延伸阅读
标签: Web开发
一.XMLHttpRequest 对象的三个重要的属性。 onreadystatechange 属性 onreadystatechange 属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置: xmlHttp.onreadystatechange=function() {   // 我们需要在这里写一些代码   } readyState 属性 readyState 属性...
标签: Web开发
使用如上方法确实可以实现Ajax分页效果,但我总觉得不够简洁,研究了一下午,终于捣鼓出了点东西O_o 首先创建前台页面MyAjaxPager.aspx 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeBehind="MyAjaxPager.aspx.cs" Inherits="AjaxDemo.AjaxPager.MyAjaxPager.MyAjaxPager" % !D...
标签: Web开发
该版本在性能上有着不少的提升,同时引入一个新的元素元数据的存储系统、新的鼠标事件,兼容最新版的浏览器。同时这也是第一个基于 Sprockets 的发行版,Sprockets 是  Prototype 一个 JavaScript 的打包工具。同时文档也做了改进。 值得关注的特性有: 1. 兼容最新浏览器,包括 Chrome 和 IE 8 2. 元数据存储系统,详情请看这里。 3...
标签: 化妆 彩妆
最基本的化妆五步骤 最基本的化妆五步骤 1、乳液 常见的乳液就行了,用在洗脸后起护肤和滋润的作用。 2、粉底 如果本身皮肤很好,也可以只抹常见的滋润乳液,不需要粉底了。粉底分粉底液和粉饼两种,如果是粉底液,就用手指沾取少量,分别点在额头、鼻梁、脸颊、下巴等处,然后轻轻推匀。如果是粉饼,那是最...
标签: Web开发
项目中某个功能需要同时调用多个ajax,因同步机制,造成了ie假死的现象,自己写了连接池,效果不理想,所以索性从网上DOWN成熟的ajax框架来研究使用。 xajax框架: xajax通过Javascript直接调用PHP函数。它使用Javascript stub来调用PHP脚本中的函数,对象方法,和类方法。服务器端响应由于xajax响应对象创建,该对象提供非常多的命令比如:...

经验教程

943

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部