AJAX 教程

教程说明:

认识AJAX:

  • AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
  • AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。
  • AJAX 是一种用于创建快速动态网页的技术。


通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个网页页面。




Ajax 的核心是 JavaScript 对象 XMLHttpRequest。该对象在 Internet Explorer 5 中首次引入,它是一种支持异步请求的技术。简而言之,XMLHttpRequest使您可以使用 JavaScript 向服务器提出请求并处理响应,而不阻塞用户。


AJAX教程结构概述:

本教程共由11个小节构成,详细讲述了AJAX的基础使用方法并附带了大量可在线试运行的实例辅助您的学习,让您轻松掌握AJAX。


本教程包含:

  1. AJAX入门
  2. AJAX简介
  3. AJAX实例
  4. XHR创建对象
  5. XHR请求
  6. XHR响应
  7. XHR readyState
  8. AJAX ASP/PHP
  9. AJAX数据库
  10. AJAX XML
  11. AJAX 实例


AJAX的发展及学习前的准备:

AJAX 最早起源于1997年,由微软发明了 AJAX 的关键技术并在1995年 IE5 推出之际开始支持 XmlHttpRequset 对象,但令人遗憾的是微软发明 AJAX 之后没有看到它的前景,以至于 Google 成为 AJAX 技术的最卓越的推动者和实践者,从而奠定 Google 在 AJAX 发展史上的领先地位。


在您开始学习AJAX之前,您应该对以下知识有基本的了解:

本教程从开发Ajax应用所需要具备的基本能力开始,逐步深入地向读者介绍Ajax应用程序的组成、不同的数据组织方式,并对Ajax应用程序的架构进行了探讨,使用实例进行补充,更便于学习。本教程对于PHP、ASP、Java、.NET程序员有很大的帮助,同时适合Web前端开发人员、Web性能检测人员、需要掌握Ajax技术的测试人员、Web架构师、学习Web高级技术的初级程序员以及所有的Web普通开发人员作为必备参考用书使用。

如果您觉得AJAX的学习难度较高,不易理解,建议您采用视频教程进行学习:AJAX视频课程


AJAX的优缺点:

优点:

  • 不需要插件支持
  • 用户体验极佳
  • 提升Web程序性能
  • 减轻服务器和宽带的负担


缺点:

  • 前进后退按钮被破坏
  • 搜索引擎的支持不够
  • 开发调试工具缺乏


相关网址:

AJAX官网:

http://api.jquery.com/category/ajax/

AJAX配置环境下载:

http://www.w3cschool.cn/jquerygroup/639a1r47.html


除了本教程,您还可以在w3cschool上学习:



温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }