Asp.Net中Ajax应用

原创 2007年09月27日 23:48:00

好久没写文章了,呵呵,最近在研究Asp.Net中的Ajax应用,也该略微来点总结了。Asp.Net中应用Ajax感觉真的很简单,一般有三种应用,1.纯粹在在客户端定义Javascript;2.继承IHttpHandler接口;3.使用WebService

在Asp.NET中使用Ajax的前提:首先必须安装微软Ajax安装包,必须有Javascript和html基础。

下面分别说明下使用上述3中方式:

1.在客户端定义javascript脚本

 <asp:ScriptManager ID="ScriptManager1" runat="server" />//必须的,这样才能让.NET知道,你要使用Ajax
        <script language ="javascript" type="text/C#">
            Person.registerClass(
"Person");
            function Person(firstName,lastName)
            
{
                
this.firstName = firstName;
                
this.lastName = lastName;
                
this.show = function()return this.firstName + this.lastName; }
            }

            
             Employee.registrClass(
"Employee",Person);
            function Employee(firstName,lastName,title)
            
{
                Employee.initializeBase(
this,(firstName,lastName));
                
this.title = title;
                
this.showE = function() {return this.firstName + this.lastName + this.title; }
            }
         
        
</script>
        
<input type="button" onclick="alert(new Person('Ken','Chen').show)" />
        
<input type="button" onclick="alert(new Person('Jay','Zhou','CEO').showE)" />

 

2.继承IHttpHandler接口

using System;
using System.Web;
using System.Web.Script.Serialization;
实现IHttpHandler 接口

在以下页面中调用
<asp:ScriptManager ID="ScriptManager1" runat="server">
    
</asp:ScriptManager>
    
<script language="javascript" type="text/javascript">
        function ShowEmployee(firstName,lastName,title)
        
{
            var request 
= new Sys.Net.WebRequest();
            request.set_url(
"GetEmployee.ashx");
            request.set_httpVerb(
"POST");
            request.add_completed(onGetEmployeeSuccess);
            
            var requestBody 
= String.format(
            
"firstName={0}&lastName={1}&title={2}",
            encodeURIComponent(firstName),
            encodeURIComponent(lastName),
            encodeURIComponent(title));
            request.set_body(requestBody);
            
            request.invoke();
        }

        function onGetEmployeeSuccess(response)
        
{
            
if(response.get_responseAvailable)
            
{
                var employee 
= response.get_object();
                alert(String.format(
                
"Hello I'm {0} {0},my tilte is {2}",
                employee.FirstName,employee.LastName,
                employee.Title))
            }

        }

        
    
</script>
    
<input type="button" value="who" onclick="ShowEmployee('Ken','Chen','CEO')" />

 

 3.使用WebService,这部分内容待续。。。

 

相关文章推荐

了解 ASP.NET AJAX 验证和配置文件应用程序服务(三)

简介作为 .NET Framework 3.5的一部分,Microsoft 正在发布大规模环境升级。这不但将提供一个新的开发环境,还将提供新的语言集成查询(LINQ,Language-Integrat...

Visual Studio 2008中ASP.NET AJAX的新应用程序服务:Role Application Service

====================================================== 注:本文源代码点此下载 =============================...

ASP.NET ScriptManager 帮助您实现 Web 应用程序的 AJAX 功能

msdn:  http://msdn.microsoft.com/zh-cn/magazine/cc163354.aspx 当今,网站的使用者可以像发布者那样,对网站的内容、发展方向及其...
  • sky1069
  • sky1069
  • 2011年08月10日 08:16
  • 821

Ajax在ASP.NET的应用原理 --转载

====================================================== 注:本文源代码点此下载 =============================...

asp.net Ajax的应用

AJAX并不是一项新技术,它的本质是结合JavaScript语言、css样式以及异步传输等编程技术来创建动态网站。AJAX与其说是一种技术,倒不如说是一种Web开发理念,它的出现,使无刷新技术得到广泛...

asp.net mvc3 Ajax 简单应用

研究这个方法是用来异步提交表格,使表格能达到异步刷新,而不至于刷新页面的流量过大 如果当表格的列非常大时,我们如果用jquery要去一个一个拼接处表格来,但是如果直接用微软提供的Ajax,可以直接更...
  • CSDN515
  • CSDN515
  • 2013年04月10日 20:06
  • 828

AJAX在ASP.NET中的应用(四)——探寻UpdatePanel的工作原理

前言:ASP.NET的AJAX_Extensions虽然用起来很方便,也能应付大部分的开发需求,但是如果对它的实现机制一点也不了解的话,编写程序的时候总有种被微软绑住手脚的感觉。于是,我花了几天时间大...

ASP.NET MVC 实践系列4-Ajax应用

ASP.NET MVC 实践系列4-Ajax应用 http://www.veryhuo.com 2009-11-18 博客园 投递稿件 我有话说 ASP.NET MVC中支持Ajax的方...

ExtAspNet应用技巧(三) - 302与Asp.Net Ajax

====================================================== 注:本文源代码点此下载 =============================...

ASP.NET中的AJAX应用开发详解

【IT168 技术文档】其实AJAX应用的核心就是XMLHttpRequest,通过现象看本质,即使使用微软的AJAX服务器控件最终也是需要这些的,只不过使用微软AJAX服务器控件开发AJAX应用时我...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Asp.Net中Ajax应用
举报原因:
原因补充:

(最多只允许输入30个字)