Ajax和Web Services学习笔记.docxVIP

使用Ajax和Web Service重构网上书店//练习做到18页，连接不上数据库//AjaxControlToolkit.zip下载使用Web Service消费网络方法1．Web Service(.asmx文件)使用Http和XML进行通讯，通过SOAP实现异地调用。创建Web Service的步骤：添加Web Service页面(.asmx文件)——修改[WebMethod]下的Web Service方法——发布Web Service——浏览页面，测试Web Service(可查看方法说明，为一个XML格式的WSDL文件)2．调用Web Service的步骤：在项目中添加Web引用——在URL处填写我们发布的Web Service地址，点击前往——更改引用名——添加引用——实例化Web Service类并执行需要的方法(命名空间为刚才添加的引用名)使用Ajax改善用户体验（一）1．Ajax实际上是JavaScript、CSS、DOM、XmlHttpRequest四种技术的集合体。ASP.NET Ajax框架主要包括核心组件、工具包、增值组件、示例代码以及框架类库五个部分。Ajax Extensions是整个框架的灵魂，它提供全局脚本的管理控制，提供异步获取数据功能，提供页面中某一部分的局部更新，还可以使用定时器实现任务的自动执行。Ajax Extensions核心组件主要包括以下几个控件：ScriptManager、UpdatePanel、UpdateProgress、Timer和ScriptManagerProxy。2．ScriptManager又叫做全局脚本控制器。它在每个Ajax程序中都必须有，并且只有一个，相当于在这个页上注册框架。其使用语法：asp:ScriptManagerID=ScriptManager1runat=server/asp:ScriptManager3．UpdatePanel：又叫做更新面板，用来实现页面的无刷新效果。在使用时，只需把需要更新的内容放在该控件的内容模板中即可。语法：asp:UpdatePanelID=UpdatePanel1runat=serverUpdateMode=Conditional/asp:UpdatePanel其UpdateMode有两种模式：Always（表示每次客户端浏览器向服务器端请求的时候，都无条件刷新该面板中的内容）；Conditional（表示有触发条件的更新，该条件可能是某一个控件的事件或其他可以引起更新的条件等）具体使用：asp:UpdatePanelID=UpdatePanel1runat=serverUpdateMode=ConditionalContentTemplate%-- 更新面板的内容模板,此处可添加任何控件 --%asp:GridViewID=GridView1runat=server/asp:GridViewasp:ButtonID=btnRefreshrunat=serverText=刷新onclick=btnRefresh_Click//ContentTemplateTriggers%-- 实现更新面板外的控件也可以触发更新,当更新模式为Conditional时才会用到 --%asp:AsyncPostBackTriggerControlID=btnRefreshEventName=Click//Triggers/asp:UpdatePanel4．UpdateProgress控件：等待提示功能，类似于进度条。为了实现无刷新效果，引发更新的控件和UpdateProgress通常都放在UpdatePanel控件的内容面板中。asp:UpdateProgressID=upProgressAssociatedUpdatePanelID=updDatarunat=serverProgressTemplate正在加载数据，请稍候……/ProgressTemplate/asp:UpdateProgressTimer控件：间隔一段时间自动更新，与WinForm中的Timer用法一致。5．ASP.Net Ajax扩展控件（需下载Ajax扩展工具包）。常用的控件如下:控件名说明AutoComplete根据用户输入的前几个字母或汉字给出相关提示Accordion分组菜单折叠Calendar能过客户端方法完善了刷新、焦点获取、自动隐藏的日历控件，可自由绑定文本框以显示时间CollapsiblePanel折叠面板ModalPopup弹出模式窗口Tabs选项卡控件Rating分级控件FilteredTextBox具备文本框的过滤特性，控制用户输入值的范围DropShadow实现各种阴影效果CascadingDropDown级联下拉菜单DragPanel可自