什么是ajax?ajax作用是什么?

AJAX =异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量的数据交换,可以使网页异步更新,提升用户体验。
为什么要用ajax?

  • 通过异步模式,提升用户体验
  • 优化浏览器和服务器之间的传输,减少不必要的数据来往,减少带宽占用
  • ajax引擎在客户端运行,承担了一部分服务器的工作,从而减少大用户量下的服务器负载

ajax特点?
可以实现动态的局部更新,不需要刷新浏览器

XMLHttprequest对象:
ajax的核心就是JavaScript对象的XMLHttprequest,它是一种支持异步请求的的技术,就是能够使JavaScript向服务器发送请求并处理响应,而不阻塞用户。通过XMLHttpRequest对象,Web开发人员可以在页面加载以后进行页面的局部更新。

ajax的实现步骤

  • 创建XMlHttprequest对象

    1. const xhr = new XMLHttpRequest()
  • 规定请求类型,请求地址,以及是否异步处理请求

    1. xhr.open('GET',url,true)
  • 向服务器发送请求

    1. xhr.send()
    2. //如果是post请求,需设置请求头
    3. xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
    4. xhr.send(参数)
  • 接受服务器响应数据

    1. xhr.onreadystatechange = function(){
    2. if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 304)) {
    3. console.log(xhr.rseponseText)
    4. }
    5. }

    ajax的缺点
    1、ajax不支持浏览器back按钮。
    2、安全问题 AJAX暴露了与服务器交互的细节。
    3、对搜索引擎的支持比较弱。
    4、破坏了程序的异常机制。
    5、不容易调试。