介绍Ajax

1.什么是Ajax

1. 基于web标签的 html+css
2. 可以使用dom进行动态的显示和交互
3. 使用XML和XSLT(是一种用于将XML 文档 转换任意文本的描述语言)进行数据的交换和操作
4. 使用XMLHttpRequest进行异步的数据查询和检索等操作。。。

2.什么是异步 （ Asynchronous [eɪˈsɪŋkrənəs] )

• 指某段程序执行时不会阻塞其它程序执行，其表现形式为程序的执行顺序不依赖程序本身的书写顺序，相反则为同步。
• 同时做多件事，效率更高

2.1.创建异步对象( XMLHttpRequest )

• 语法：使用 new 关键字 创建  XMLHttpRequest

   

 let xhr = new XMLHttpRequest() 

3.Ajax 请求

        3.1.请求行 。 请求方式  open( 请求方式(get/post)，请求url + key=val)

• get 请求如果有参数就需要在url后面拼接参数
• post 如果有参数，就在请求体中传递

  

 // get请求 如果有接收到用户信息 可以直接进行拼接
    xhr.open('get','get.php?username='+ 变量值)

 // 如果是post请求 无需在url后面拼接参数
    xhr.open('psot','php文件路径')

        3.2.请求头。请求方式   setRequestHeade( '请求方式' , '请求类型' )

• get 方式不需要设置请求头
• post 需要设置 :  Content-Type:application/x-www-form-urlencoded

  xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

        3.3.请求体 。请求方式 send()

• get 的参数在url拼接了，所以不需要在这个函数中设置
• post 的参数在这个函数中设置(如果有参数)

// get 请求无需传参数 或 传空值 null
   xhr.send()

// post 需设置url
   xhr.send("username="+ 变量值)

4.什么是响应