大连理工大学软件工程课件第十二章 AJAX概念与实现.ppt

* * * * * * * * * * * * * * * * * * * * 12.3 对前台页面的操作 Ajax使用http请求 通过使用 XMLHttpRequest 对象，web 开发者可以做到在页面已加载后从服务器更新页面！ 在 2005 年 AJAX 被 Google 推广开来（Google Suggest）。 Google 建议使用 XMLHttpRequest 对象来创建一种动态性极强的 web 界面：当开始在 Google 的搜索框中输入查询时，JavaScript 会向某个服务器发出这些字词，然后服务器会返回一系列的搜索建议。 12.4 数据库访问及数据库打包 Ajax数据库实例 AJAX 可用来与数据库进行动态地通信。 AJAX 数据库实例： 在下面的 AJAX 例子中，将演示如何使用 AJAX 技术令网页从数据库读取信息。 12.4 数据库访问及数据库打包 Ajax数据库实例 AJAX 实例解释：以下为HTML 表单以及执行 JavaScript 的链接代码： 12.4 数据库访问及数据库打包 Ajax数据库实例 12.4 数据库访问及数据库打包 Ajax数据库实例 以上是存储在文件 “selectcustomer.js” 中的 JavaScript 代码： 以下是Ajax的服务页面。 这个被 JavaScript 调用的服务器页面，是一个名为 getcustomer.asp 的简单的 ASP 文件。 此页面使用 VBScript 针对 IIS 编写。可以使用 PHP 或其他服务器语言对它进行改写。 此代码可运行针对某个数据库的 SQL，并以 HTML 表格返回结果： 12.4 数据库访问及数据库打包 12.5 AJAX控件 Ajax控件详解： 一、FilteredTextBox控件 a) 作用：做过滤验证使用，比如说某个文本框只能输入数字，类似于ASP.NET当中的验证控件。 b) 常用属性： ?i.? TargetControlID：用来设置要控制的文本框 ?ii.?? FilterType:设置被过滤的类型，提供四种 1. Numbers：让关联的文本框只能输入数字。 2. UppercaseLetters:让关联的文本框只能输入大写字母。 3.?LowercaseLetters:让关联的文本框只能输入小写字母。 4.?Custom:如果选择这个选项，就可以在另外的一个属性中自定义不被过滤的字符 ?iii. ValidChars:当FilterType设置为Custom时，用来设置有效的字符。 ?iv. InvalidChars：一个用字符串表示的非法字符集合，如果没有在 FilterType 设置了 Custom ，那么该设置将会被忽略 c) 注意事项：目前还没有解决中文问题 12.5 AJAX控件 Ajax控件详解： 12.2 ConfirmButton控件 a)?作用：ConfirmButton 是一个简单的 ASP.Net AJAX 控件，它可以在一个 Button (或者其它类型的 Button 类派生对象) 的点击事件前加入网页用户确认信息， 如果网页用户点击了“确定”按钮，那么 Button 的页面提交或者链接事件将被正常执行；否则该 Button 将不执行该事件。 另外，当页面用户点击了“取消”按钮的时候，开发人员可以指定一个客户端脚本程序的执行。 b)?常用属性 ??????????? i. TargetControlID : 该属性指定一个控件（LinkButton、Button等），点击是出现确认对话框 ????????? ii. ConfirmText : 确认对话框显示的提示文字 ?? ???????? iii. OnClientCancel :取消时，执行的js函数。 ??????????? iv.?ConfirmOnFormSubmit - 如果设置为True，那么确认对话框将在页面被提交前执行，也就是当页面的 Validator 控件的校验事件都被执行完毕后执行， 因此这项属性特别适用于使用了 Validator 控件的时候； 12.5 AJAX控件 Ajax控件详解： 12.3 DragPanel 控件 a)概述：DragPanel 控件可以是你在开发中非常容易地实现允许用户可以拖动页面上元素， DragPenel 可以指定页面上的任何一个 Panel 为拖动的载体，同时也可以指定一个控件为拖动的句柄，也就是拖拽点。 b)常用属性 ???i.TargetControlID - 页面用户将可以拖动的 Panel 控件 ID ???ii.DragHandleID - 负责拖动的句柄，也就是拖拽点控件 ID * * * * * * * * *