AJAX 请求类型
AJAX POST 请求 

AJAX GET 请求

GET 请求

GET 请求用于从服务器检索数据。在此请求中,数据将作为附加在请求末尾的 URL 的一部分发送。我们可以将此请求与 open() 方法一起使用。


语法:

open(GET, url, true)

其中,open() 方法需要三个参数 -

  • GET - 它用于从服务器检索数据。

  • url - url表示将在Web服务器上打开的文件。

  • true − 对于异步连接,将值设置为 true。或者,对于同步连接,将值设置为 false。此参数的默认值为 true。

使用示例:

<!DOCTYPE html>
<html>
<head>
<script>
   function ShowData() {
   // 创建 XMLHttpRequest 对像
   var xhrRequest = new XMLHttpRequest();
   // 定义回调函数
   xhrRequest.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
         document.getElementById("example").innerHTML = this.responseText;
      }
   };
  // 打开连接
  xhrRequest.open("GET", "/tutorial/static/prov.txt", true);
  // 向服务器发送请求
  xhrRequest.send();
}
</script>
</head>
<body>
<div id="example">
  <p>请点击下面的按钮查询数据:</p>
  <button type="button" onclick="ShowData()">查询</button>
</div>
</body>

亲自试试


在上面的示例中,我们使用 XMLHttpRequest 中的 GET 请求 “/tutorial/static/prov.txt”API 从服务器prov.txt 文件数据。因此,单击按钮后,我们将从服务器获取prop.txt中的数据。