2014年Ajax应用教程.pptVIP

1.4.2 常用发送请求内容的方法 在传统的Web应用中，是通过表单向服务器提交用户的输入信息，但是这种提交方式会刷新整个页面，在Ajax中要实现的就是与服务器端的异步通信，所以就不能使用表单向服务器发送请求信息，在Ajax中，可以使用下面几种方法来向服务器发送请求的内容。 * 1.5 服务器端处理用户请求 在Ajax中，服务器接收到用户的请求以后，可以根据请求的内容进行相应的操作，然后把操作以合适的格式返回给客户端，在此，将重点介绍在服务器端对客户请求的处理。在服务器端处理方式可以有很多种选择，可以选择JSP、ASP、CGI、Servlet中的任意一种作为相应客户端请求的服务程序，在此，将选择Servlet实现服务器端逻辑处理的功能。 * 1.5.1 在服务器端处理用户请求 由于客户端向服务器发送信息的时候，可以选择多种方式进行发送，所以在服务器端就需要根据客户端发送信息的方式，对接收到的信息进行分析，从而取出进一步操作所需要的信息。 * 1.5.2 返回XML格式的响应文档 在服务器端完成用户需要的逻辑处理以后，需要把处理的结果返回给用户，在这种情况下，一般是把处理的结果组织成XML的格式，然后把这个XML文档返回给客户端。 * 1.6 客户端处理服务器响应 在服务器端结束对用户请求的处理以后，会把处理的结果返回给用户，在客户端的需要对返回的内容进行处理，然后根据这些处理结果对页面的内容进行调整，到这一步为止，客户端与服务器端的异步通信就完成了。在接下来的内容中，将介绍客户端处理返回的响应内容的基本方法。 * 1.6.1 分析XML格式的文档 在一般情况下，服务器会用XML文档的格式返回逻辑处理的结果，在客户端可以通过XMLHttpRequest对象取得这个响应文档的内容。在JavaScript中，可以以DOM的方式分析这个XML格式的文档，这种分析方法和一般的XML文档的分析方法是完全相同的 * 1.6.2 使用JavaScript调整页面内容 在对XML文档解析结束以后，就可以根据解析的结果来调整页面的内容，从而把服务器的处理结果表现在页面上，通常情况下会使用JavaScript来完成这个任务，通过使用innerText或者innerHTML可以设置HTML页面元素内的显示内容，通过DOM操作，可以动态创建HTML元素，通过CSS可以控制页面HTML元素的显示风格，通过这些操作，可以把服务器返回的处理结果充分展现在页面上，从而最终完成客户端和服务器的异步通信、而且这种处理方式是不会对整个页面进行刷新的。 * 1.6.3 客户端处理服务器相应的示例代码 示例代码片段 * 1.7 Ajax典型示例 在上面的内容中，对Ajax的基本知识进行了简单的介绍，在接下来的内容中，将通过具体的示例程序展示Ajax的魅力，而且通过这些具体的示例，可以体会到Ajax的具体使用方法，从而可以在自己的Web应用中添加Ajax的处理方式。 * 1.7.1 异步身份验证 在传统的Web应用中，用户的身份验证是通过向服务器提供表单，服务器对表单中用户信息进行验证，然后再返回验证的结果，在这样的处理方式中，用户端必需等到服务器返回处理结果才能尽进行别的操作，而且在这个过程中，会刷新整个页面。这种处理方式不仅浪费了用户的时间，每次刷新页面也浪费了巨大的带宽 * 1.7.2 输入提示和自动完成 在使用Google搜索或者是Baidu搜索的时候，在输入搜索关键字的同时，会自动弹出匹配的其他关键字的提示，这种输入提示和自动完成的功能是在Google中首先推出的，然后就在各种Web应用中被广泛采用，在下面的示例程序中，就展示了这样一个功能的实现。就是输入提示和自动完成功能JSP页面的具体代码。 * 1.7.3 联动动态列表 在We应用的开发中，经常会遇到联动动态列表的需求，有其是在查询条件的选择中，所有的下拉列表中的选项都是从数据库中动态取出的，当选择第一个下拉列表的时候，后面的下拉列表要以这个选择为条件从数据库中取出满足条件的内容，从而调整显示选项的内容。然而在传统的Web开发模式中，要实现这样的功能是相当的麻烦，每次调整下拉列表的时候，都需要重新刷新整个页面，而且在刷新页面的时候，需要做大量的工作来保存已经选择列表的状态 * 1.7.4 异步输入验证 在Ajax中，对用户的输入验证可以使用异步的形式，在用户每项输入完成之后，都对用户输入的合法行进行验证，即时向用户返回验证结果，使用户及时发现输入的错误，及时更改输入，而且这种验证不会刷新整个页面，用户的输入信息都会别保留，从而可以节省用户的时间，方便用户的使用 * 1.7.5 工具条提示 在桌面应用程序中，可以给程序添加工具条提示的功能，当鼠标移到指定位置的时候，会弹出一个提示框