第九章 Web应用开发技术 JavaScript进阶和AJAX基础

AJAX

JavaScript内置对象 ：

1、JavaScript语言中有三种内置对象，分别是浏览器对象BOM、文档对象DOM和语言全局对象。

什么时文档对象模型：

1、文档对象模型DOM规定了浏览器应该如何创建HTML元素，以及JavaScript如何操作HTML元素；

2、当浏览器加载Web页面时，会在内存中创建页面的模型——DOM树对象模型；

3、JavaScript语言操作HTML页面内容时，是通过一系列API实现的——DOM API。

DOM模型：

1、DOM树中每个节点都是对象，拥有方法和属性，可以分为文档节点、元素节点、属性节点给和文本节点四大类型；

2、JavaScript语言可以访问和更新DOM树中的节点对象，针对DOM树的任何修改都会反映在浏览器中；

3、操作DOM树一般分为两个步骤：首先定位到需要操作的元素对象节点，然后操作其文本内容、子元素或属性。

什么是网页事件：

1、DOM模型针对浏览器和网页内容规定了一系列的用户相互行为，称为网页事件；

2、事件从类型上可以分为：浏览器事件、键盘事件、鼠标事件、焦点事件、表单事件、DOM事件。

使用JavaScript进行事件处理：

1、JavaScript事件处理分为三个步骤：选定元素、事件绑定、事件处理；

2、事件绑定有三种方法：HTML绑定、传统DOM绑定和DOM监听器。

AJAX是什么？

AJAX：Asynchronous JavaScript and XML;

1、Asynchronous:异步，指客户端和服务端的通信方式；

2、JavaScript:一种客户端脚本语言；（CSS，DOM）

3、XML:数据的表示方式。

AJAX核心概念：

1、同步和异步的通信方式：

      a、同步通信方式：即典型的请求响应模型。 

      b、异步通信方式：异步发送请求，消除了传统的“发送请求-等待-发送请求-等待”的特性，极大的提高了用户体验，其核心是XMLHttpRequest对象。

XMLHttpRequest对象：

XMLHttpRequest:

1、XMLHttpRequest对象是实现AJAX技术的核心技术，是一种支持异步通信的机制；

2、XMLHttpRequest对象最早是在Microsoft的IE5中以Active X组件形式实现的；

3、XMLHttpRequest对象不是W3C中的内容，在不同的浏览器上的表现有所不同，不过常用的方法和属性都得到了广泛的支持。