1. 引入 jQuery 库

首先，你需要在你的HTML文件中引入jQuery库。你可以通过以下方式从CDN引入：

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

2. 使用 jQuery AJAX 方法

jQuery提供了一个简单的`$.ajax()`方法来处理AJAX请求。以下是一个基本的例子：

$.ajax({
    url: 'https://jsonplaceholder.typicode.com/posts/1',
    method: 'GET',
    success: function(data) {
        console.log(data);
    },
    error: function(xhr, status, error) {
        console.error(xhr.responseText);
    }
});

在这个例子中，我们向`https://jsonplaceholder.typicode.com/posts/1`发送了一个GET请求，并在成功时打印返回的数据，在失败时打印错误信息。

3. 案例讲解：从服务器获取数据并显示在页面上

下面是一个完整的示例，展示了如何从服务器获取数据并显示在页面上。

HTML部分：

<button id="loadData">加载数据</button>
<div id="dataContainer"></div>

jQuery部分：

$(document).ready(function() {
    $('#loadData').click(function() {
        $.ajax({
            url: 'https://jsonplaceholder.typicode.com/posts/1',
            method: 'GET',
            success: function(data) {
                var content = '<h3>' + data.title + '</h3>';
                content += '<p>' + data.body + '</p>';
                $('#dataContainer').html(content);
            },
            error: function(xhr, status, error) {
                $('#dataContainer').html('加载数据失败！');
            }
        });
    });
});

在这个例子中，我们创建了一个按钮和一个用于显示数据的容器。当点击按钮时，jQuery会发送一个AJAX请求到`https://jsonplaceholder.typicode.com/posts/1`，并将返回的数据显示在页面上。