AJAX是一種前端技術，可以通過異步請求將數據傳遞給后臺。本文將介紹如何使用AJAX將URL傳遞給后臺。這個功能非常有用，比如在搜索引擎中，當用戶輸入關鍵字并點擊搜索按鈕時，前端可以通過AJAX將關鍵字傳遞給后臺，后臺再根據關鍵字返回相應的搜索結果。

首先，我們需要創建一個HTML表單，表單中包含一個輸入框和一個提交按鈕。通過輸入框，用戶可以輸入URL，然后點擊提交按鈕，將URL傳遞到后臺。以下是一個示例的HTML代碼：

<form><input type="text" id="url-input"><button onclick="sendUrl()">提交</button></form>

在代碼中，我們使用了一個id為"url-input"的輸入框和一個onclick事件來調用sendUrl()函數。接下來，我們需要實現sendUrl函數，這個函數將使用AJAX將URL發送到后臺。

function sendUrl() {
var url = document.getElementById("url-input").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/backend/url", true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
console.log("URL發送成功！");
} else {
console.log("URL發送失敗！");
}
}
}
xhr.send(JSON.stringify({url: url}));
}

在sendUrl函數中，我們首先獲取了輸入框中的URL，然后創建了一個XMLHttpRequest對象。這個對象用于發送異步請求到后臺。我們使用open方法指定了請求的類型（POST）、URL（/backend/url）和異步參數（true）。然后，我們使用setRequestHeader方法設置了Content-Type為application/json，以便后臺能夠正確解析接收到的數據。

接下來，我們設置了onreadystatechange事件，當請求狀態變化時會觸發這個事件。在回調函數中，我們判斷了請求的狀態是否為XMLHttpRequest.DONE，并且判斷了請求的狀態碼是否為200，來確定請求是否成功。如果請求成功，我們打印了"URL發送成功！"，否則打印"URL發送失敗！"。

最后，我們使用send方法發送了請求。通過JSON.stringify方法，我們將URL包裝成了一個JSON對象，并將其作為參數發送給后臺。

總結而言，通過AJAX我們可以很方便地將URL傳遞給后臺。在前端部分，我們創建了一個表單，通過表單中的輸入框和提交按鈕，用戶可以輸入URL并將其發送到后臺。在后臺部分，我們將URL作為參數接收，可以根據URL進行相應的處理，比如進行搜索操作。這種方式可以增加用戶體驗，使得用戶能夠在不刷新頁面的情況下獲取到后臺返回的數據。