如何使用$.ajax() jquery获取数据并显示到HTML网页

使用$.ajax()方法可以通过发送HTTP请求从服务器获取数据，并将数据显示在HTML网页上。下面是一个使用$.ajax()方法获取数据并显示的示例：

$.ajax({
  url: 'data.json', // 服务器端数据接口地址
  type: 'GET', // 请求类型，可以是GET或POST
  dataType: 'json', // 期望的响应数据类型
  success: function(data) { // 请求成功的回调函数
    // 在这里处理获取到的数据
    // 可以使用data变量访问服务器返回的数据
    // 例如，将数据显示在HTML网页上的一个元素中
    $('#result').text(data.message);
  },
  error: function(xhr, status, error) { // 请求失败的回调函数
    // 在这里处理请求失败的情况
    console.log('请求失败：' + error);
  }
});

上述代码中，url参数指定了服务器端数据接口的地址，type参数指定了请求类型为GET，dataType参数指定了期望的响应数据类型为JSON。success参数是一个回调函数，当请求成功时会被调用，可以在该函数中处理获取到的数据。error参数是一个回调函数，当请求失败时会被调用，可以在该函数中处理请求失败的情况。

在成功回调函数中，可以使用获取到的数据进行各种操作，例如将数据显示在HTML网页上的某个元素中。上述示例中，假设服务器返回的JSON数据中有一个名为message的字段，我们将其显示在ID为result的元素中。

关于$.ajax()方法的更多详细信息，可以参考官方文档。

注意：上述示例中的data.json是一个示例数据接口地址，实际使用时需要根据实际情况修改为正确的接口地址。