`
shirlly
  • 浏览: 1652333 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

.net AJAX的应用示例

    博客分类:
  • .NET
阅读更多
一、到http://ajaxpro.codeplex.com/网站上下载.net Ajax开发包,如果你的项目是.NET2.0的,则将开发包中的AjaxPro.2.dll这个DLL文件考到你的Bin下面
二、根据开发包中提供的web.config配置你项目中的web.config
其中要点是,在web.config加入如下的代码
<configuration>
  <system.web>
    <httpHandlers>
    <add verb="*" path="*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>
    </httpHandlers>  
    ...
  <system.web>
</configuration>

三、示例代码
Default.aspx的代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="MyDemo._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <input id="Button1" type="button" value="获得服务器时间" onclick="getServerTime();" />
            <input id="Text1" type="text" />
            <input id="Text2" type="text" />
            <input id="Button2" type="button" value="得到两个文本框的和" onclick="add(document.getElementById('Text1').value,document.getElementById('Text2').value)" />
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>
    </form>

    <script type="text/javascript">
    function getServerTime() 
    {//MyDemo._Default.GetServerTime()得到从服务器传来的数据是object,要写.value
        alert(MyDemo._Default.GetServerTime().value);
    } 
    function add(a,b) 
    {//把文本框的值转换成int
        var a1 = parseInt(a); 
        var b1 = parseInt(b); 
        //第1、2参数为服务器方法所需要的参数,后面一个是如果服务器返回数据 
        //客户端要处理这些数据的js函数名,他有个参数就是从服务器传来的数据  
        MyDemo._Default.AddTwo(a1,b1,getAdd);
    }
    function getAdd(rel) 
    {
        //要加上.value
        alert(rel.value);
        document.getElementById("TextBox1").value= rel.value;
    }
    </script>

</body>
</html>


Default.aspx.cs的代码
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
namespace MyDemo
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
        }

        [AjaxPro.AjaxMethod]

        public DateTime GetServerTime()
        { 
            return DateTime.Now; 
        }

        [AjaxPro.AjaxMethod]
        public int AddTwo(int firstInt, int secondInt)
        { 
            return firstInt + secondInt; 
        }
    }
}

注意:
1、在后台代码的Page_Load中要注册该类
2、AjaxMethod服务器端方法和普通的服务器方法唯一不同的地方就是他必须要在方法的上面添加个[AjaxPro.AjaxMethod]

分享到:
评论

相关推荐

    ASP.NET AJAX深入浅出系列课程(31):构建高性能ASP.NET AJAX应用程序

    在这一系列课程的第31讲中,我们将深入探讨如何构建高性能的ASP.NET AJAX应用程序,以下是对相关知识点的详细说明: 1. **AJAX基础**:了解AJAX的基本原理,包括异步通信、局部刷新以及页面无刷新更新,这些特性...

    ASP.NET AJAX基础示例

    ASP.NET AJAX基础示例是针对初学者的一份教程资料,主要涵盖了如何在ASP.NET框架下使用AJAX技术来实现页面的异步更新和交互。AJAX(Asynchronous JavaScript and XML)是一种网页开发技术,它允许在不刷新整个页面的...

    ASP.NET AJAX基础示例.rar

    ASP.NET AJAX(Asynchronous JavaScript and XML)是微软提供的一个用于构建富交互式Web应用程序的框架,它...通过深入研究并实践这些基础示例,你将掌握ASP.NET AJAX的核心技能,为构建更复杂的Web应用打下坚实基础。

    ASP.NET AJAX核心控件示例

    ASP.NET AJAX(Asynchronous JavaScript and XML)是一种微软提供的技术,用于构建富交互式的Web应用程序,它结合了服务器端的ASP.NET技术和客户端的JavaScript,通过异步处理方式提升了用户体验。在这个"ASP.NET ...

    asp.net ajax 1.0

    ASP.NET AJAX 1.0是微软为Web开发者提供的一个强大工具集,用于构建富交互式、高度动态的网页应用。这个技术的引入显著提升了ASP.NET应用程序的用户体验,因为它允许页面部分更新,而无需整个页面刷新。这使得网页...

    asp.net ajax一个实例

    在这个实例中,我们将深入探讨如何使用ASP.NET AJAX来创建一个更高效的Web应用程序。 首先,ASP.NET AJAX的核心组件是UpdatePanel控件,它允许页面的部分内容在不刷新整个页面的情况下更新。这极大地提高了用户体验...

    ASP.NET AJAX深入浅出系列课程(32):构建高安全性ASP.NET AJAX应用程序

    本系列课程的第32讲聚焦于如何构建具有高安全性的ASP.NET AJAX应用。在这个部分,我们将探讨一系列关键的安全策略和实践,以确保你的Web应用在提供卓越用户体验的同时,也能抵御各种网络攻击。 首先,理解AJAX的...

    ASP.NET AJAX全部控件示例

    在这个"ASP.NET AJAX全部控件示例"中,我们将会探讨如何使用C#编写和利用AJAX功能来创建高效的Web应用程序。 1. **UpdatePanel**: ASP.NET AJAX的核心控件之一,它允许在后台进行服务器操作,而不会导致整个页面的...

    ASP.NET AJAX.rar

    ASP.NET AJAX是一个强大的技术框架,它允许开发人员在不刷新整个网页的情况下更新页面部分,从而提供更...这个压缩包中的文件可能包含了示例代码、教程文档、视频教程等内容,是深入理解和实践ASP.NET AJAX的好资源。

    ASP.NET Ajax基础

    ASP.NET AJAX 基础是开发富互联网应用程序(RIA)的关键技术之一,它允许开发者创建具有部分页面更新功能的交互式网页,提高了用户体验而无需完全刷新整个页面。在这个框架下,开发者可以利用 .NET Framework 提供的...

    客户端 ajax asp.net ajax

    在项目"WebAjaxClient"中,可能包含了使用客户端AJAX和ASP.NET AJAX技术开发的Web应用程序示例。文件可能包括HTML页面、JavaScript脚本、ASP.NET服务器控件和后台代码文件,它们共同展示了如何在实际项目中集成和...

    .net下最简单的ajax示例

    尽管XML在现代AJAX应用中已经不常用,但这个名字仍然保留。以下是一个关于如何在.NET环境下创建最简单AJAX示例的详细讲解。 首先,我们需要了解AJAX的基本工作原理。它允许浏览器在不重新加载整个页面的情况下,...

    Asp.net Ajax框架教程

    ASP.NET AJAX框架是微软提供的一种用于构建富交互Web应用程序的技术,它允许开发者在不刷新整个页面的情况下更新网页的特定部分,提高用户体验。本教程详细介绍了ASP.NET AJAX框架的关键组件和用法,涵盖了一系列...

    ASP.net Ajax开发教程(PDF)

    9. **优化和最佳实践**:提供关于如何优化ASP.NET AJAX应用的建议,包括减少网络请求、缓存利用和性能调试技巧。 10. **实战示例**:通过实际项目示例,演示如何将所学应用于实际开发中。 本教程以PDF格式提供,...

    ASP.NET AJAX深入浅出系列课程(1):ASP.NET AJAX 概述

    理解这一点对于调试和优化AJAX应用至关重要。 服务器端,ASP.NET AJAX扩展了ASP.NET Web Forms模型,引入了新的事件处理机制,如BeginRequest、EndRequest和AsyncPostBackError,使得开发者能够更好地控制异步操作...

    ASP.NET AJAX深入浅出系列课程(29):ASP.NET AJAX的相关扩展(上)

    3. **AJAX Control Toolkit**:这个工具包包含了一系列预建的用户控件和行为,可以轻松添加到ASP.NET AJAX应用中,如Accordion、DatePicker等,极大地丰富了页面的交互性。 4. **Partial Page Rendering**:ASP.NET...

    ASP.NET ajax源码

    在这个"ASP.NET AJAX源码"的压缩包中,可能包含了实现这一功能的代码示例和项目解决方案。 首先,`AJAX.sln`文件是一个Visual Studio解决方案文件,用于管理和组织多个相关的项目。打开这个文件,你可以看到整个...

Global site tag (gtag.js) - Google Analytics