Web 交互从来没有像今天这样变得如此智能,尤其是客户端对用户输入的智能感知(注 1 )。
除了对客户端用户输入的智能感知,如果再结合 XMLHttpRequest 将会是什么呢?引用 Simon 对此的描述: Auto Complete come of age ,在这里我理解为 Web 交互 – 自动完成时代的到来 ,如果你不是很明白其中的意味,你最好去亲自体验一下 Google 智能建议查询- Google Suggest ,看下面的查询图示:
当你输入字母 y 以后,客户端利用 JavaScript 并结合 XMLHttpRequest 从 Google 的搜索页面返回查询结果,你可以 在这里 查看它返回的字符串:
sendRPCDone(frameElement, "y", new Array("yahoo", "yellow pages", "yahoo.com", "yahoo mail", "yahoo maps", "yahoo games", "yahoo messenger", "yahoo groups", "yahoomail", "yell"), new Array("252,000,000 results", "18,500,000 results", "1 result", "16,800,000 results", "11,600,000 results", "15,300,000 results", "8,140,000 results", "11,400,000 results", "810,000 results", "2,630,000 results"), new Array(""));
不错,这些字符串就是 Google 建议你查询的关键字以及相应的查询结果总数!
进一步,客户端用 JavaScript 对上面的字符串加以分析,最终表现为对用户输入的智能感知,以及自动完成可能的输入。
提供对用户输入的智能感知并结合 XMLHttpRequest ,可以在很多商业站点得到应用。而通过 Google 的智能建议查询的典型案例,已经能够感受到下一代 Web 交互发展的趋势:
• 对客户端用户输入进行智能感知,以及自动完成可能的输入。
• 智能感知的数据源来自于服务端。
• Web 交互的概念变得更加模糊, XMLHttpRequest 的出现已让客户端用户无法察觉正在进行的 Web 交互。
注:
1. 详见 http://dev.csdn.net/develop/article/23/23351.shtm
附:
来自于 apple 开发中心,演示如何利用 XMLHttpRequest 从客户端获取 RSS 流数据(即 XML 数据):
http://developer.apple.com/internet/webcontent/XMLHttpRequestExample/example.html
分享到:
相关推荐
医疗病历交互-医疗病历交互系统-医疗病历交互系统源码-医疗病历交互管理系统-医疗病历交互管理系统java代码-医疗病历交互系统设计与实现-基于springboot的医疗病历交互系统-基于Web的医疗病历交互系统设计与实现-...
医疗病历交互-医疗病历交互系统-医疗病历交互系统源码-医疗病历交互管理系统-医疗病历交互管理系统java代码-医疗病历交互系统设计与实现-基于springboot的医疗病历交互系统-基于Web的医疗病历交互系统设计与实现-...
* PHP与Web页面交互 -----文件上传和下载 课程内容 文件上传 文件下载 一、文件上传 文件上传从本质上讲,就是将表单数据的一部分提交到服务器端。只是因为其数据类型(字节流或二进制流)不一样,从而导致在服务器...
人机交互-任务4:图形交互界面的设计(web) 完整项目+成品
* PHP与Web页面交互 -----表单与PHP的关系 课程内容 表单与PHP的关系 提交表单信息 一、表单与PHP的关系 虽然表单是HTML页面的一部分,但是表单与PHP脚本传递数据的过程是无缝衔接的。PHP脚本获取表单中的数据并完成...
* * PHP与Web页面交互 -----PHP 获取表单信息1 课程内容 获取文本框的值 获取文件域的值 获取复选框的值 PHP获取表单信息 在Web开发过程中,表单提交是数据传输过程中很重要的一部分,作为以PHP为后台开发语言的...
AxureUX WEB端交互原型通用组件模板库 v3 (组件列表) AxureUX WEB端交互原型通用组件模板库 v3 (组件列表) AxureUX WEB端交互原型通用组件模板库 v3 (组件列表) AxureUX WEB端交互原型通用组件模板库 v3 (组件列表) ...
WebServices--跨语言跨域数据交互技术资料
人机交互-任务3:命令语言交互界面的设计 完整项目+成品程序
LIB007 - AxureUX WEB前后端交互原型通用元件库 v3 (Axure RP9作品)LIB007 - AxureUX WEB前后端交互原型通用元件库 v3 (Axure RP9作品)LIB007 - AxureUX WEB前后端交互原型通用元件库 v3 (Axure RP9作品)LIB007 - ...
0.作品使用帮助文档(使用前必读) 1.AxureUX WEB端交互原型通用组件模板库 v3 (组件列表) 2.AxureUX WEB端交互原型通用组件模板库 v3 ...WEB端初始模板文件(已完成默认设置) FontAwesome v5 Pro字体图标方案相关文件
AxureUX电商产品WEB端交互原型 - 优品汇 v1.0
Office Web Components是一组的COM控件,设计的目的是为众多的控件容器提供交互的电子表格建模,数据报表和数据可视化功能。OWC库包含四个主要的组件:电子表格组件,图表组件,透视表组件和数据源组件。
AxureUX WEB前后端交互原型通用元件库 v3.11 (Axure RP9专用版) AxureUX WEB前后端交互原型通用元件库 v3.11 (Axure RP9专用版) AxureUX WEB前后端交互原型通用元件库 v3.11 (Axure RP9专用版) AxureUX WEB前后端...
记录一下web大作业