基于C#的程序设计第3版教学课件ppt作者主编翁健红言海燕ch10课件.pptVIP

第10章 Ajax技术  本章目标 Ajax简介 ASP.NET AJAX常用控件 ASP.NET AJAX应用实例 JQuery的Ajax技术 Ajax简介 AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。 Ajax应用程序的优势在于：能够优化数据传输，减少带宽占用。Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。 而且，AJAX能够提供极为丰富的客户端体验。Google的Gmail和GoogleMaps就是AJAX应用的典型例子。 ASP.NET AJAX简介 （1）AJAX Extension 其中包括了四个主要的Web控件： ScriptManager：所有的使用AJAX的页面都必须放置一个ScriptManager控件 ScriptManagerProxy：当母版页上已有一个ScriptManager控件时，在子页面中使用 Timer：实现定时调用，常用于定时到服务器上去提取相关的信息 UpdatePanel：最重要的AJAX控件，用于定义页面更新区域和更新方式 UpdateProgress：当页面异步更新正在进行时提示用户 （2）AJAX ControlToolKit AJAX ControlToolKit建构于微软AJAX Extension之上，基本涵盖了Web页面开发最需要使用的功能，使用方便。AJAXControlToolKit的全部控件集中于AjaxControlToolkit.dll文件中，可以通过在Visual Studio工具箱上选择“选择项”命令，将其中的控件放置到工具箱上。 AJAX Extension安装 从VS2008开始，AJAX Extension成为标准控件，不用安装就可以支持了，如果是2005就需要安装 。可从/en-us/download/confirmation.aspx?id=883下载ASPAJAXExtSetup.msi安装包。安装只需要一路next就行了，但要注意安装前关闭VS.NET，因为安装过程中需要对它做些配置。 ASP.NET AJAX常用控件 ScriptManager控件 UpdatePanel控件 Timer控件 ScriptManagerProxy控件 ScriptManager控件 所有需要支持ASP.NET AJAX的ASP.NET页面上有且只能有一个ScriptManager控件，它用来处理页面上的所有组件以及页面局部更新，生成相关的客户端代理脚本以便能够在JavaScript中访问Web Service。 UpdatePanel控件 UpdatePanel是ASP.NET 2.0 AJAX Extensions中很重要的一个控件，其强大之处在于不用编写任何客户端脚本就可以自动实现局部更新。 【例10-1】 10-1.aspx 【例10-2】 10-2.aspx Timer控件 ASP.NET AJAX中的Timer控件可以让Web页面在一定的时间间隔内局部刷新。 ScriptManagerProxy控件 在ASP.NET AJAX中，一个ASPX页面上只能有一个ScriptManager控件，所以在Master的已有ScriptManager控件的情况下；在Content中使用ASP.NET AJAX，在Content中用ScriptManagerProxy，而不是ScriptManager。 ASP.NET AJAX应用实例 ASP.NET AJAX实现登录 ASP.NET AJAX实现下拉框联动 ASP.NET AJAX实现信息即时刷新 JQuery的Ajax技术 jQuery是一个简洁快速灵活的JavaScript框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。JQuery可到下载。 jQuery中提供了.get、.post 、.ajax等多种Ajax方法，使Ajax变得及其简单。 幻灯片* 基于C#的ASP.NET程序设计 【例10-3】 10-3.aspx ASP.NET AJAX实现登录 ASP.NET AJAX实现下拉框联动 ASP.NET AJAX实现信息即时刷新 【例10-4】 10-4.aspx 【例10-5】 10-5.aspx 【例10-6】 10-6.aspx