《输入前提示》PPT课件

《《输入前提示》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十章：输入前提示输入前提示在客户端缓存搜索结果Rico库Prototype库Javascriptapply()函数将组件参数化10.1考察输入前提示应用由于Ajax变得越来越流行，输入前提示已经成为最受欢迎的程序之一，人们在创建输入前提示功能时，大量的解决方案存在缺陷，部分存在过度设计的问题。10.1.1输入前提示的常见特征1、在页面中输入字符2、输入前提示功能发送请求到服务器3、服务器返回数据给客户端4、客户端得到数据并将结果显示在表格、层、文本框或其他格式中。存在的问题：1、每次按键都回送2、没有数据缓存3、56k的调制解调器4、返回太多的结果5

2、、界面太华丽6、快速的打字员10.1.2GoogleSuggest将显示结果限制为10条使用定时器来为快速打字员计数10.1.3实战开发Ajax输入前提示该输入前提示功能将努力限制对于服务器的影响，小型网站没有均衡设备和多台服务器，节约带宽，降低成本。仅仅在需要更新数据库时才会访问服务器。客户端和服务器端使用一脚本为中心的交互，服务器返回的是文本+识别字段。10.2服务器端框架：C#服务器、数据库和客户端。利用XMLHttpRequest从客户端发送一个请求到服务器，查询数据库动态创建一个文档（包括JavaScript代码和包含数据的数组）。见type

3、AheadData.aspx.cs10.2.2测试服务器端代码测试方法：从客户端发送一个请求。在服务器端采用硬编码的方式。stringstrQuery=“a”；stringstrAny=“%";10.3客户端框架客户端的框架包括Ajax的XMLHttpRequest对象和大量的DHTML。10.3.1HTMLAutoCompleteTextBox:

4、ame="txtUserValue"ID="hidden1"/>关闭自动完成功能txtIgnore的存在防止按回车键提交表单txtUserValue获得输入的值10.3.2JavaScript主要任务：1、监控键盘和鼠标的行为2、向服务器发送数据，并且从服务器接收数据3、生成用户可以交互的HTML内容监视按键加载文本和JavaScript代码创建提示列表为输入字母加上下划线1、添加外部的JavaScript文件

5、/javascript"src="net.js">2、输出span元素使用页面的onload事件处理函数将span元素动态的添加到页面中，这样可以避免每次想要使用脚本时不得不手工将标签添加到页面中。为span添加了样式CSS类，通过设置和改变display属性可以隐藏和显示span.3、将输入前提示功能分配给文本框为了解决在多个表单中使用输入前提示功能，应该开发出为不同元素分配不同属性的方法。需要定制一个对象，见SetProperties()函数的定义。SetProperties(xElem,xHidden,xserverCode,x

6、ignoreCase,xmatchAnywhere,xmatchTextBoxWidth,xshowNoMatchMessage,xnoMatchingDataMessage,xuseTimeout,xtheVisibleTime)xElem：要分配输入前提示功能的文本框。xHidden：保存值的hedden元素。xserverCode：服务器的地址。xignoreCase：忽略大小写的布尔值。xmatchAnywhere：在字符串中匹配任意位置的文本的布尔值。xmatchTextBoxWidth：匹配文本框宽度的布尔值。xshowNoMatchMes

7、sage：显示无匹配消息的布尔值。xnoMatchingDataMessage：显示的消息。xuseTimeout：显示一段时间是否隐藏。xtheVisibleTime：保持打开的时间。document.Form1.txtUserInput.obj=SetProperties(document.Form1.txtUserInput,document.Form1.txtUserValue,'typeAheadXML.aspx',true,true,true,true,"NomatchingData",false,null);}4、事件处理函数为了能够为输

8、入前提示功能确定用户在文本框中的操作，需要为表单添加事件处理函数，主要是键盘的输入和用户是否离