AJAX 请求的两种方法

从试图获取用户信息到控制器的三种方法：

• URL query parameters   一般是get方法提交的请求
• Forms      一般是post方法提交的请求
• JSON

 

 AJAX 请求

简介：AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

有很多使用 AJAX 的应用程序案例：新浪微博、Google 地图、开心网等等。

• 数据请求要么是同步的，要么是异步的（asynchronous）
• 异步数据请求是在不刷新页面的情况下发送到服务器并返回到客户端的请求。
• 异步请求（AJAX 请求）使用以下两种方法之一：
  • XMLHttpRequest

    var xhttp = new XMLHttpRequest();
    description = document.getElementById("description").value;
    xhttp.open("GET", "/todos/create?description=" + description);
    xhttp.send();
    
    xhttp.onreadystatechange = function() {
        if (this.readyState === 4 && this.status === 200) { 
          // on successful response
          console.log(xhttp.responseText);
        }
    };

  • fetch（现代方式）

    fetch('/my/request', {
      method: 'POST',
      body: JSON.stringify({
        'description': 'some description here'
      }),
      headers: {
        'Content-Type': 'application/json'
      }
    });