< p>在Web開發中，JavaScript是不可或缺的一部分。在眾多JavaScript功能之一中，返回JSON是一項非常實用的特性。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于從Web服務器獲取和發送數據。在本文中，我們將深入了解JavaScript如何返回JSON，并且將給出一些實際的使用示例。

< p>在JavaScript中，最常用的方法返回JSON是使用XMLHttpRequest（XHR）對象。XHR對象會向Web服務器發出請求，并且可以將服務器返回的數據作為JSON格式的響應返回。首先，我們需要創建一個XHR對象，然后對其進行配置，并且指定它需要使用的HTTP方法和URL。最后，我們需要在XHR對象上指定onload函數，以便在XHR對象完成請求時處理響應。

< pre>var xhr = new XMLHttpRequest(); xhr.open("GET", "http://example.com/api/data", true); xhr.onload = function() { if (xhr.status === 200) { var response = JSON.parse(xhr.responseText); console.log(response); } }; xhr.send();
< p>在上面的代碼中，我們創建了一個XHR對象，并且指定使用GET方法請求http://example.com/api/data的URL。然后我們在XHR對象上指定onload函數，在XHR對象完成請求時處理響應。如果HTTP響應狀態為200，我們將從響應文本中解析JSON字符串，并將其打印在控制臺上。

< p>除了使用XHR對象返回JSON之外，我們還可以使用jQuery來簡化這個過程。jQuery的Ajax函數提供了一個非常方便的方法來向Web服務器發出請求，并且自動將響應解析為JSON。我們只需要指定URL和成功時的回調函數即可。

< pre>$.ajax({ url: "http://example.com/api/data", dataType: "json", success: function(response) { console.log(response); } });
< p>在上面的代碼中，我們使用jQuery的$.ajax函數向URL http://example.com/api/data發送JSON請求，并指定了dataType為json。當請求完成時，我們的回調函數將被調用，打印返回的JSON對象到控制臺。

< p>最后，讓我們來看一個更加具體的實例。假設我們正在開發一個在線商店，我們需要向Web服務器請求商品列表，然后將這個列表顯示在用戶的頁面上。下面的代碼使用jQuery的$.ajax函數向Web服務器發出JSON請求，并將響應渲染為一個商品列表。

< pre>$.ajax({ url: "http://example.com/api/products", dataType: "json", success: function(products) { var html = "

"; $.each(products, function(index, product) { html += "
• " + product.name + "
"; }); html += "

"; $("#products").html(html); } });
< p>在上面的代碼中，我們使用jQuery的$.ajax函數向URL http://example.com/api/products發送JSON請求，并指定dataType為json。當請求完成時，我們的回調函數將被調用，并且將響應渲染為一個商品列表。

< p>總結來說，JavaScript返回JSON是Web開發中非常實用的功能。無論是使用XHR對象還是使用jQuery的Ajax函數，通過返回JSON格式的響應，我們可以很容易地在客戶端處理服務器返回的數據。