在前端開發中，我們經常需要向服務器發送請求并獲取數據，而傳統的方式是通過刷新頁面或者使用iframe來實現，這樣會導致用戶體驗不流暢。而現在，我們可以使用Ajax技術來發送異步請求，使得用戶能夠在不刷新頁面的情況下獲取到最新的數據。而JSON-RPC則是一種簡單的RPC（遠程過程調用）協議，可以通過Ajax發送JSON格式的數據來調用遠程方法。下面我們就來具體了解一下如何使用Ajax發送JSON-RPC請求。

首先，我們需要明確一下，JSON-RPC是一種基于HTTP協議的輕量級的遠程調用協議，可以用于不同平臺、不同語言之間的通信。它通過將方法的參數以及返回值封裝成JSON格式的數據，并通過HTTP協議發送給服務器實現方法的調用和返回值的獲取。

舉個例子來說明吧，假設我們有一個后臺接口需要獲取用戶的信息，這個接口的地址是"http://example.com/user"，我們可以使用Ajax來發送一個POST請求，將方法名以及參數一同發送給服務器：

<script>
// 構造一個JSON-RPC請求對象
var request = {
"jsonrpc": "2.0",
"method": "getUserInfo", // 調用的方法名
"params": {
"userId": 123 // 方法的參數
},
"id": 1 // 請求的唯一標識
};
// 發送Ajax請求
$.ajax({
url: "http://example.com/user",
type: "POST",
dataType: "json",
data: JSON.stringify(request),
success: function(response) {
// 處理響應數據
console.log(response.result);
},
error: function(xhr, status, error) {
// 處理錯誤信息
console.error(error);
}
});
</script>

在上面的代碼中，我們構造了一個JSON-RPC請求對象，其中包含了方法名、參數、請求的唯一標識等信息。然后使用Ajax發送了一個POST請求，將請求對象序列化成JSON字符串作為請求的主體發送給服務器。當服務器處理完請求之后，會返回一個JSON格式的響應數據，其中包含了方法的返回值以及請求的唯一標識等信息。我們可以在成功的回調函數中處理這個響應數據，以便獲取到用戶的信息。

除了發送方法調用的請求之外，我們還可以使用JSON-RPC來發送其他類型的請求，比如說獲取服務器的時間：

<script>
// 構造一個JSON-RPC請求對象
var request = {
"jsonrpc": "2.0",
"method": "getServerTime", // 調用的方法名
"id": 2 // 請求的唯一標識
};
// 發送Ajax請求
$.ajax({
url: "http://example.com/server",
type: "POST",
dataType: "json",
data: JSON.stringify(request),
success: function(response) {
// 處理響應數據
console.log(response.result);
},
error: function(xhr, status, error) {
// 處理錯誤信息
console.error(error);
}
});
</script>

上面的代碼中，我們構造了一個JSON-RPC請求對象，其中只包含了方法名和請求的唯一標識，沒有參數。同樣地，我們發送了一個POST請求，將請求對象序列化成JSON字符串發送給服務器。當服務器接收到請求之后，會處理方法調用，然后返回一個JSON格式的響應數據，其中包含了服務器的時間信息。

綜上所述，Ajax發送JSON-RPC請求是一種從前端向后臺發送遠程方法調用的方式，這種方式不僅可以提高用戶體驗，還可以使得不同平臺、不同語言之間的通信更加容易。通過構造JSON-RPC請求對象，并使用Ajax發送POST請求將請求對象序列化成JSON字符串，我們可以實現從前端向后臺發送方法調用的功能。這樣一來，我們就可以便捷地獲取到后臺返回的數據，實現前后端的數據交互。