1, ajax 其实就是无须刷新整个页面,就可以更新局部页面的一种技术。它不是新技术,而种几种技术的结合。
1,html 和css 构建静态页面;
2,XMLHttpRequest 对象,与服务器进行通信获取数据。
3,通过JS局部更新DOM。
html, css, js, 我们都很熟悉,ajax的核心就是XMLHttpRequest对象,简称XHR, 它可以和服务器进行通信,请求数据,接受响应,更为重要的是xhr 发起的请求是异步的,所谓异步,就是发起请求后,我们就不用管了,接着做们自已的事情,比如继续浏览网页,xhr 呢,也在一边工作,等待接受服务器的响应,两者互不影响,独自工作,xhr响应完成后,它就会告诉你一声,数据接收到了,我们在操作。平常填写表单就是这个样子。 我们填写用户名,接着填写密码,在确认密码,这时发现 用户名旁边出现红色的警告,用户名重复。
这就是发起请求到DOM 更新,我们什么都没有察觉,就完成了,感觉很自然,提高了用户体验。
2, XMLHttpRequest对象(XHR)的使用。
1, 要想使用xhr, 就必须创建xhr对象, 这也是面向对象的编程思想。
var xhr = new XMLHttpRequest();
2, 创建对象,再初始化对象,就是我们向哪里发送请求,用什么方式发送请求。这好比我们打电话时,有了手机后,我们要有电话号码,没有电话号码,向哪里打电话啊!
xhr.open("get",url); // open 接受三个参数:(发送请求的方法, 请求的url 地址,请求是否异步的布尔值), 最后一个参数默认true,表示异步请求,可以不填。
3, 真正的发送请求,调用send 方法。这就是按了手机的拨号键。
4 ,就是等待响应了
时间: 2024-11-05 12:29:44