一、使用Ajax发送get请求


发送异步请求的步骤

  - 获取Ajax对象:获取 XMLHttpRequest对象实例

  - 创建请求:调用XMLHTTPRequest对象的open方法

  - 设置回调函数:为Ajax对象的 onreadystatechange事件设定响应函数

  - 发送请求:调用Ajax对象的send方法

      - 获取Ajax对象    wKioL1cCJXDQVmhbAAEuwaWAOB8358.png

      - 创建请求

        wKioL1cCJbSRucYPAAAv5KuoQ64196.png

        - 注意:

        - true:表示发送异步请求(当Ajax对象发送请求时,用户仍然可以对当前页面做其它的操作)

        - false:表示发送同步请求(当Ajax对象发请求时,浏览器会锁定当前页面,用户不能对当前页面做其它操作)

      - 设置回调函数

         wKiom1cCJhOxuiaCAADLnaQvY9I426.png

      - 发送请求

wKiom1cCJqqz2pd9AAEROToh3Mo703.png    

编写服务器端代码

  - 服务器返回的一般是部分数据,比如一个简单的文本

wKioL1cCJ-OydzBTAAAxVjrve5Q511.png    


二、使用Ajax发送post请求


发送字符串

wKiom1cCKDzDmJ31AAEzfU7oWIg296.png

  - POST请求:

      - 需手动设置请求消息头为 application/x-www-form-urlencoded

      - send方法内传递的是提交参数,没有可为null


总结:本章内容主要介绍了 Ajax(使用Ajax发送get请求、使用Ajax发送post请求)