Javascript是一種非常流行的腳本語言，它可以用于實現網頁動態交互、表單驗證、數據處理等功能。其中，發送URL是Javascript中非常重要的一個功能，它可以幫助我們向服務器發送請求，獲取數據或者提交表單等操作。本文將介紹Javascript發送URL的相關知識，幫助大家更好地掌握這一功能。

在Javascript中，我們可以通過XMLHttpRequest對象來發送URL。這個對象提供了一些方法，比如open()、send()等，用于設置URL請求的參數和發送請求。下面是一個例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://www.baidu.com', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();

上面的代碼演示了如何使用XMLHttpRequest對象來發送一個GET請求。首先，我們創建了一個XMLHttpRequest對象；然后，調用open()方法設置了請求地址和請求方式（GET或POST）；接下來，調用setRequestHeader()方法設置了請求頭信息；最后，設置了onreadystatechange事件處理函數，用于接收服務器響應。在send()方法中傳入請求參數，發送請求。

除了GET請求外，我們還可以使用POST請求發送URL。在POST請求中，我們需要在send()方法中傳入請求參數，這些參數將會被封裝在請求體中，而不是放在請求URL中。下面是一個例子：

var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://www.baidu.com', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send('name=Tom&age=18');

上面的代碼演示了如何使用XMLHttpRequest對象來發送一個POST請求。和GET請求不同的是，我們需要在send()方法中傳入請求參數，這些參數將會被封裝在請求體中，而不是放在請求URL中。

除了XMLHttpRequest對象外，我們還可以使用Fetch API來發送URL。Fetch API是ES6中新引入的一個API，提供了更加簡潔和方便的方式來發送URL。下面是一個例子：

fetch('http://www.baidu.com', {
method: 'GET',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
}).then(function(response) {
return response.text();
}).then(function(data) {
console.log(data);
}).catch(function(err) {
console.log(err);
});

上面的代碼演示了如何使用Fetch API來發送一個GET請求。我們使用fetch()方法傳入請求地址和請求參數，返回一個Promise對象。在then()方法中處理響應數據，catch()方法處理請求錯誤。Fetch API的代碼比XMLHttpRequest對象的代碼更加簡潔和易讀。

總的來說，Javascript發送URL是非常重要的一個功能，可以幫助我們完成很多網頁交互、數據處理的操作。在本文中，我們介紹了兩種常見的發送URL的方式，分別是使用XMLHttpRequest對象和Fetch API。希望大家可以學習并掌握這些知識，為自己的網頁開發工作提供更好的支持。