首页 > 代码库 > ajax认识

ajax认识

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 ,就是等待响应了

ajax认识