Ajax（Asynchronous JavaScript and XML）是一種用于創建交互式web應用程序的技術。它允許網頁實時更新數據，而無需刷新整個頁面。在Ajax中，有簡單請求和復雜請求這兩種類型。簡單請求和復雜請求之間有著很大的區別，主要體現在請求的方式、數據的傳輸和安全性方面。

簡單請求

簡單請求是指那些不會觸發瀏覽器發送CORS預檢請求（Cross-Origin Resource Sharing）的請求。簡單請求滿足以下所有條件：

• 使用GET、POST或HEAD方法之一
• 請求頭只包含了Accept、Accept-Language、Content-Language、Content-Type（只限于application/x-www-form-urlencoded、multipart/form-data和text/plain）和Authorization頭部（用戶已經通過認證）
• 請求中的任意 XMLHttpRequestUpload 對象均沒有注冊任何事件監聽器；XMLHttpRequest.upload 屬性為 null

一個典型的簡單請求是用戶請求一個靜態HTML頁面。例如，我們想從后臺獲取一個簡單的HTML頁面的內容展示給用戶：

<script type="text/javascript">
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("content").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET", "example.html", true);
xmlhttp.send();
</script>
<div id="content"></div>

在上面的例子中，我們使用了GET方法向服務器發送了一個簡單請求。如果服務器返回的狀態碼是200，我們會將響應的HTML內容展示到頁面上的"content"元素。

復雜請求

復雜請求是指那些會觸發瀏覽器發送CORS預檢請求的請求。當請求滿足以下任一條件時，該請求被認為是復雜請求：

• 使用了非簡單請求方法（例如PUT、DELETE等）
• 請求頭包含了自定義的Content-Type
• 使用了XMLHttpRequestUpload 對象的事件監聽器
• 請求中使用了ArrayBuffer或Blob類型的數據

一個典型的復雜請求是用戶請求發送一個帶有自定義請求頭和JSON數據的POST請求。例如，我們想向后臺提交一個包含JSON數據的復雜請求：

<script type="text/javascript">
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
console.log(xmlhttp.responseText);
}
};
var data = {
username: "John",
password: "123456"
};
var jsonData = JSON.stringify(data);
xmlhttp.open("POST", "https://api.example.com/login", true);
xmlhttp.setRequestHeader("Content-Type", "application/json");
xmlhttp.send(jsonData);
</script>

在上面的例子中，我們使用了POST方法向服務器發送了一個復雜請求。我們將JSON數據通過請求的頭部傳遞，并在請求頭中設置了Content-Type為application/json。如果服務器返回的狀態碼是200，我們可以在瀏覽器的控制臺中打印響應的內容。

結論

簡單請求和復雜請求在交互方式、數據傳輸和安全性方面有很大的區別。簡單請求適用于一些簡單的數據獲取場景，而復雜請求適用于需要客戶端和服務器之間進行復雜交互的場景。在開發過程中，我們需要根據具體的需求選擇合適的請求類型。在使用復雜請求時，我們還需要注意處理CORS預檢請求和設置請求頭的問題，以確保請求正常發送并得到正確的響應。