AJAX是一种可以通过在不重新加载整个网页的情况下更新部分网页内容的技术，它可以通过与服务器异步通信来取得数据。在前端开发中，从服务器取得数据是一项非常常见的操作。本文将重点介绍一些通过AJAX从服务器取得数据的常见类型，以及如何使用AJAX来实现这些操作。

第一种类型是获取文本数据。当我们需要从服务器端获取一段文本数据时，可以使用AJAX来实现。比如，我们可以通过AJAX从服务器获取一篇新闻文章的内容，然后将内容插入到网页中的适当位置。以下是一个简单的例子：

$.ajax({url: 'news.txt',type: 'GET',success: function(data) {$('#news').html(data);}});

上述代码使用了jQuery的AJAX方法来发送一个GET请求，请求的URL为"news.txt"。服务器将返回一个文本文件，然后通过success回调函数将返回的数据插入到id为"news"的元素中。这样，就能够在网页上显示该文本内容了。

第二种类型是获取JSON数据。JSON是一种轻量级的数据交换格式，常用于在客户端和服务器之间传输结构化的数据。通过AJAX从服务器获取JSON数据，我们可以在网页上展示、操作这些数据。以下是一个简单的示例：

$.ajax({url: 'data.json',type: 'GET',dataType: 'json',success: function(data) {// 对返回的JSON数据进行处理for (var i = 0; i< data.length; i++) {$('#list').append('
' + data[i].name + '
');}}});

上述代码通过设置dataType为"json"，告诉AJAX响应的数据将被解析为JSON格式。服务器返回的JSON数据包含一个数组，每个对象都有一个"name"属性。我们可以遍历数组，并将每个对象的"name"属性插入到id为"list"的列表中。

第三种类型是获取HTML片段。有时，我们需要从服务器获取一段HTML代码，然后将其插入到网页中的特定位置。以下是一个示例：

$.ajax({url: 'fragment.html',type: 'GET',success: function(data) {$('#container').html(data);}});

上述代码发送一个GET请求，获取一个HTML片段，然后将其插入到id为"container"的元素中。这样，服务器返回的HTML代码将会被显示在网页中。

总之，通过AJAX从服务器获取不同类型的数据是一种非常有用的技术。无论是获取文本数据、JSON数据还是HTML片段，都可以通过AJAX实现。通过灵活运用AJAX，我们可以在网页上展示、处理和操纵各种类型的数据。