第九章|第九章 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组件形式实现的;
【第九章|第九章 Web应用开发技术 JavaScript进阶和AJAX基础】3、XMLHttpRequest对象不是W3C中的内容,在不同的浏览器上的表现有所不同,不过常用的方法和属性都得到了广泛的支持。

    推荐阅读