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 接口#region 实现IHttpHandler 接口
public class GetEmployee : IHttpHandler ...{
    
    
public void ProcessRequest (HttpContext context) ...{
        context.Response.ContentType 
= "text/plain";

        
string firstName = context.Request.Params["firstName"];
        
string lastName = context.Request.Params["lastName"];
        
string title = context.Request.Params["title"];

        Employee employee 
= new Employee(firstName, lastName, title);
        JavaScriptSerializer serializer 
= new JavaScriptSerializer();
        
string jsonEmp = serializer.Serialize(employee);
        
        context.Response.Write(jsonEmp);
    }

 
    
public bool IsReusable ...{
        
get ...{
            
return false;
        }

    }


}

#endregion


在以下页面中调用
<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以及Asp.Net Ajax扩展控件安装方法

Asp.Net AJAX安装 下载ASP.NET 2.0 AJAX Extensions 1.0安装包。 运行ASPAJAXExtSetup.msi程序。 安装成功后会发现工具箱中增加了“AJA...
  • KingCruel
  • KingCruel
  • 2012年09月14日 19:11
  • 1023

ajax扩展控件(6)

DropDown控件,该控件用于实现下拉列表控件的客户端功能。实例代码如下:...@ Page Language="C#" AutoEventWireup="true" CodeFile="DragP...
  • superdont
  • superdont
  • 2007年12月10日 16:40
  • 1178

用ASP.NET AJAX框架扩展HTML Map控件

在本文中,我将向你展示如何使用ASP.NET AJAX框架对添加可点击的热点的HTML Map控件进行扩展。经扩展后,当我们的鼠标移动到这些热点上后,即弹出关于这些热点的详细信息;但是,这些详细信息都...
  • dunshu785
  • dunshu785
  • 2014年04月26日 11:52
  • 315

asp.net中ajax.ajaxMethod使用方法和实例

asp.net中ajax.ajaxMethod使用方法和实例 使用AjaxMethod可以在客户端异步调用服务端方法,简单地说就是在JS里调用后台.cs文件里的方法,做一些JS无法做到的操作,如查...
  • csmzl
  • csmzl
  • 2016年12月09日 16:47
  • 714

ASP.NET中使用AJAX时如何弹出对话框

在ASP.NET页面上添加AJAX控件后,不能调出窗口的解决办法:ASP.NET2.0中AJAX使用新的ScriptManager 类来管理,而不兼容原来的 ClientScriptManager 类...
  • ddafei
  • ddafei
  • 2007年05月13日 05:27
  • 2505

Asp.net ajax定时刷新页面

要实现定时的刷新页面 使用Timer控件,  Time控件需要配置触发器,触发器事件被触发,UpdatePanel就会刷新页面。触发器需要配置的属性有 ControlID 和 EventName。以...
  • zhuxueliao
  • zhuxueliao
  • 2012年11月16日 15:31
  • 703

ASP.NET使用ajax时js失效问题解决

像这样写这段代码永远不会失效; 至于页面的生命周期孩子们,自己百度去吧! var prm = Sys.WebForms.PageRequestManager.getInstance(); p...
  • amohan
  • amohan
  • 2013年10月23日 10:29
  • 1147

ASP.NET利用Ajax进行前后台值传递

由于项目需要,最近涉及到许多网站页面前后台值传递问题,在这里做一个小总结,今天主要对Ajax传递数据做一个最简单的应用实例。         之前一直没有用过Ajax,许多时候看到这个词我都是抵触的,...
  • SmallXianNotImmortal
  • SmallXianNotImmortal
  • 2017年07月11日 13:05
  • 520

浪曦视频在线的ASP.NET AJAX视频教程下载

下面是来自浪曦视频在线的ASP.NET AJAX视频教程,大家赶快下载啊!感谢浪曦视频在线!1、ASP.NET AJAX基本原理电信下载:ftp://Anonymous@203.191.150.171...
  • yandong19861103
  • yandong19861103
  • 2008年04月24日 16:55
  • 913

Asp.NET误人子弟教程:在MVC里面结合JQ实现AJAX

声明:本教程是误人子弟的,如果你想成为高手,那千万不要往下读。 在ASP.NET 的WebForm中,你可能发现实现AJAX很简单,因为.NET类库都为你准备好了UpdatePanel控件,用该控件...
  • tcjiaan
  • tcjiaan
  • 2012年01月02日 11:01
  • 3162
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Asp.Net中Ajax应用
举报原因:
原因补充:

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