j17Ajax术基础知识.pptVIP

第17讲 Ajax技术基础知识 内容回顾 页面上带的关闭按钮的广告层的制作方法 广告层随着窗口的滚动而滚动 3张图片动态改变的横幅广告 5张图片动态改变的横幅广告 本讲问题 Ajax是一个全新的技术吗？ Ajax包括的技术有哪几个？ 使用XMLHttpRequest对象创建和使用Ajax的步骤。 本讲任务 了解Ajax的含义 了解Ajax所包含的技术 学会使用XMLHttpRequest对象 会使用Ajax开发一个简单的应用 本讲目标 ajaxtest.html中调用time.jsp中response输出的时间 用户信息中按下键时，时间框中的信息会通过ajax调用自动发生变化 Ajax简介1 AJAX 指异步 JavaScript 及 XML（Asynchronous JavaScript And XML）。 AJAX 是一种在 2005 年由 Google 推广开来的编程模式。 AJAX 不是一种新的编程语言，而是一种使用现有标准的新方法。 通过 AJAX，你可以创建更好、更快以及更友好的 WEB 应用程序。 AJAX 基于 JavaScript 和 HTTP 请求（HTTP requests）。 Ajax简介2——所需的基础知识 HTML / XHTML JavaScript Ajax简介2——Ajax含义 AJAX = 异步 JavaScript 及 XML（Asynchronous JavaScript and XML） AJAX 不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。 通过 AJAX，您的 JavaScript 可使用 JavaScript 的 XMLHttpRequest 对象来直接与服务器进行通信。通过这个对象，您的 JavaScript 可在不重载页面的情况与 Web 服务器交换数据。 Ajax简介2——Ajax含义 AJAX 在浏览器与 Web 服务器之间使用异步数据传输（HTTP 请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。 AJAX 可使因特网应用程序更小、更快，更友好。 AJAX 是一种独立于 Web 服务器软件的浏览器技术。 Ajax简介2——Ajax基于web标准 AJAX 基于下列 Web 标准： JavaScript XML HTML CSS 在 AJAX 中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。AJAX 应用程序独立于浏览器和平台。 Ajax简介2——AJAX 事关更优秀的应用程序 AJAX 事关更优秀的应用程序 Web 应用程序较桌面应用程序有诸多优势；它们能够涉及广大的用户，它们更易安装及维护，也更易开发。 不过，因特网应用程序并不像传统的桌面应用程序那样完善且友好。 通过 AJAX，因特网应用程序可以变得更完善，更友好。 Ajax简介2——小结 Ajax没有新增什么内容 Ajax是对已经技术的一个组合应用出现的一个新效果 JavaScript XML HTML CSS Ajax HTTP请求1-Ajax使用HTTP请求 在传统的 JavaScript 编程中，假如希望从服务器上的文件或数据库中得到任何的信息，或者向服务器发送信息的话，就必须利用一个 HTML 表单向服务器 GET 或 POST 数据。而用户则需要单击“提交”按钮来发送/获取信息，等待服务器的响应，然后一张新的页面会加载结果。 由于每当用户提交输入后服务器都会返回一张新的页面，传统的 web 应用程序变得运行缓慢，且越来越不友好。 Ajax HTTP请求1-Ajax使用HTTP请求 通过利用 AJAX， JavaScript 会通过 JavaScript 的 XMLHttpRequest 对象，直接与服务器来通信。 通过使用 HTTP 请求，web 页可向服务器进行请求，并得到来自服务器的响应，而不加载页面。用户可以停留在同一个页面，他或她不会注意到脚本在后台请求过页面，或向服务器发送过数据。 Ajax HTTP请求2——XMLHttpRequest 对象 通过使用 XMLHttpRequest 对象，web 开发者可以做到在页面已加载后从服务器更新页面！ 在 2005 年 AJAX 被 Google 推广开来（Google Suggest）。 Google 建议使用 XMLHttpRequest 对象来创建一种动态性极强的 web 界面：当您开始在 Google 的搜索框中输入查询时，JavaScript 会向某个服务器发出这些字词，然后服务器会返回一系列的搜索建议。 XMLHttpRequest 对象得到下列浏览器的支持：Internet Explo