AJAX -- 03 请求

1,027 阅读1分钟

一. 发送请求

XMLHttpRequest对象可以向服务器发送请求,用于从服务器获取数据!!

(1) GET 和 POST:

有两种类型的请求:GET 和 POST ,那到底用哪种请求呢?

  • GET 比 POST 更简单,更快,可用于大多数情况下

但下面的情况,要用 POST:

  • 要更新服务器上的文件或者数据库
  • 要向服务器发送大量数据,POST请求没有发送内容大小的限制
  • 要发送用户输入的数据,POSTGET 更强大更安全!!
(2) how to send ?

通过三步实现:

  • 创建 XMLHtpRequest 对象实例

     - let xhttp = new XMLHttpRequest()
    
  • 设置请求的基本信息,在对象实例上调用 open()方法:

1830.png

    - 有 5 个参数可选 :method 、url 、async 、user 、psw
    - url 参数是服务器上的文件地址
    - 第三个参数 async 的值为布尔值,表示发起的请求是否是异步请求,true 表示是异步
           - 如果是异步,那么 JS 会在等待服务器响应时执行其它脚本
    
    
  • 发送请求,在对象实例上调用 send() 方法

例如:

  • GET 请求

普通的:

1833.png

保证获得的是最新响应而不是缓存:

1831.png

要携带数据的:

1832.png

  • POST请求:

1834.png