关闭

Asp.Net中Ajax应用

标签: asp.netajaxjavascriptwebservicebuttonstring
521人阅读 评论(1) 收藏 举报

好久没写文章了,呵呵,最近在研究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,这部分内容待续。。。

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:5558次
    • 积分:145
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:0篇
    • 译文:0篇
    • 评论:1条
    文章分类
    最新评论