Demo_Update.rar_DEMO

Ajax 简单介绍

目录

Ajax 简单介绍 .................................................................................................................................1

一 Ajax 使用场合 .......................................................................................................................2

1 数据验证 .............................................................................................................................2

2 按需读取数据 .....................................................................................................................2

3 自动实时更新页面 .............................................................................................................2

二 updatepanel 在程序的使用截图..........................................................................................3

1 查询界面 .............................................................................................................................3

在 Web 应用中，很多时候需要填写表单，而表单中的一些项需要验证，例如客户注册应用，要

进行用户名的唯一性验证。传统的 Web 模式对数据验证方法有其不足，而 Ajax 很好地解决了该

缺点，提供了更好的用户体验。

传统的 Web 应用模式对数据验证通常采取两种方法，其一：用户全部填完后，把整个表单一起

提交到服务器，验证时间长而且给服务器造成不必要的负担，同时用户在填入某项时也不能及

时获得信息；其二：在需要验证的项后添加按钮，用户填入某项后可以单击验证按钮，把项值

提交到对应的验证页面进行验证，该方法较前一种方法有改进，但是需要新开窗口或者对话框，

还需要编写专门的验证页面，比较烦琐。

在 Ajax 应用模式中，通过 XMLHttpRequest 对象发送异步的验证请求，根据服务器的响应信息

及时地为用户反馈信息，整个过程把整个表单提交，也不需要新开窗口，而且窗口可以动态地

JavaScript 脚本语言进行操作。但用户对树型结构的操作往往是局部的，或者只是针对某个分

支操作，那么读取的数据就有相当的冗余，浪费用户资源。特别是当树型结构数据非常庞大时，

读取的时间更长，浪费的资源更多。

Ajax 应用模式可以实现异步交互，并按需读取数据，大大改进了对树型数据的操作。当用户单

击某级节点时，Ajax 只把对应分类的下一级数据读取并显示，例如单击一级分类节点，则把对

应分类的二级节点数据读取并显示。这样，页面每次按用户需要读取数据，不会出现冗余，提

高资源利用率的同时也大大缩短用户的等待时间。

3 自动实时更新页面

在信息千变万化的当今时代，Web 应用的数据变化也是十分迅速的，例如新闻信息、天气预报、

实时的聊天内容以及股市动态等。在实时、动态更新目标页面方面，较之传统的 Web 应用，Ajax