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() | 向要发送的报头添加标签/值对 |