JavaScript学习笔记（7.0）
Document
touxiangjieshao
22222222222
鼠标跟随实例
鼠标拖拽实例
Document
事件的传播
标准的dom事件流：
捕获：Windows=>document=>body=>outer=>
目标：inner
冒泡：outer=>body=>document=>window
默认情况下，只在冒泡触发
按照dom2事件绑定，并进行配置，才能看到捕获的回调函数被触发。
AJAX
（1）它能不刷新页面更新网页
（2）在加载页面后从服务器请求数据
（3）在页面加载后从服务器接收数据
（4）在后台向服务器发送数据
AJAX并不是编程语言。
AJAX是一种从网页王文web服务器的技术
AJAX代表异步JavaScript和XML
Document
让Ajax改变这段文字
上述代码中点击button就从web服务器请求数据并显示它，这里读取的是Ajax_info.txt的文件内容。
AJAX(Asynchronous JavaScript And XML)
Ajax组合了浏览器内建的XMLHttpRequest对象（从web服务器请求数据）
JavaScript和HTML DOM（显示和使用数据）
Ajax是一个令人误导的名称。Ajax应用程序可能使用XML来传输数据，但数据作为存文本或JSON文本传输也同样常见。
Ajax允许通过与场景后面的web服务器交换数据来异步更新网页。这意味着可以更新网页的部分，而不需要重新加载整个页面。
1.网页中发生一个事件（页面加载、按钮点击）
2.由JavaScript创建XMLhttpRequest对象
3.XMLHttpRequest对象向web服务器发送请求
4.服务器处理该请求
5.服务器将响应发送回网页
6.由JavaScript读取响应
7.由JavaScript执行正确的动作（比如更新页面）
Ajax的核心是XMLHttpRequest对象。
XMLHttpRequest对象用于同幕后服务器交换数据。这意味着可以更新网页的部分，而不需要重新加载整个页面。
创建XMLHttpRequest的语法：
var=new XMLHttpRequest();老版本IE浏览器语法为：
var=new ActiveXObject("Microsoft.XMLHTTP");跨域访问
出于安全原因，现代浏览器不允许跨域访问。
这意味着尝试加载的网页和XML文件都必须位于相同服务器上。
XMLHttpRequest对象方法
| 方法 | 描述 |
| new XMLHttpRequest() | 创建新的XMLHttpRequest对象 |
| abort（） | 取消当前请求 |
| getAllResponseHeaders() | 返回头部信息 |
| getResponseHeader() | 返回特定的头部信息 |
| open(method,url,async,user,psw) | 规定请求 method:请求类型GET或POST URL：文件位置 async：TRUE（异步）或FALSE（同步） user：可选的用户名称 psw：可选的密码 |
| send() | 将请求发送到服务器，用于GET请求 |
| send（string） | 将请求发送到服务器，用于POST请求 |
| setRequestHeader（） | 向要发送的报头添加标签/值对 |