Ajax（Asynchronous JavaScript and XML）是一种用于在客户端与服务器端之间进行异步通信的技术。通过Ajax，可以实现在不刷新整个页面的情况下，从服务器中获取数据并在页面上展示。本文将介绍如何使用Ajax从接口中调用不同数据类型的数据，并通过举例来说明其应用。

首先，我们可以使用Ajax从接口中获取文本数据。假设我们的目标是从一个API接口中获取到一篇文章的内容，并在网页上展示出来。我们可以使用以下代码：

$.ajax({
url: 'https://api.example.com/article',
dataType: 'text',
success: function(data) {
$('body').append('<p>' + data + '</p>');
}
});

上面的代码中，我们通过指定dataType为'text'来告诉Ajax我们期望获取的数据是文本类型。当请求成功时，服务器会返回一段文本数据，我们将其添加到页面的body标签中，以展示在网页上。

接下来，我们可以使用Ajax从接口中获取JSON数据。假设我们的目标是从一个API接口中获取到一组用户信息，并在页面上以表格的形式展示出来。我们可以使用以下代码：

$.ajax({
url: 'https://api.example.com/users',
dataType: 'json',
success: function(data) {
var table = '<table>';
table += '<tr><th>Name</th><th>Email</th></tr>';
$.each(data, function(index, user) {
table += '<tr><td>' + user.name + '</td><td>' + user.email + '</td></tr>';
});
table += '</table>';
$('body').append(table);
}
});

在上面的代码中，我们通过指定dataType为'json'来告诉Ajax我们期望获取的数据是JSON类型。当请求成功时，服务器会返回一组用户信息，我们使用循环遍历每个用户，将其姓名和邮箱信息添加到一个HTML表格中，最后将该表格添加到页面的body标签中。

最后，我们可以使用Ajax从接口中获取XML数据。假设我们的目标是从一个API接口中获取到一组新闻标题，并将其以列表的形式展示在页面上。我们可以使用以下代码：

$.ajax({
url: 'https://api.example.com/news',
dataType: 'xml',
success: function(data) {
var list = '<ul>';
$(data).find('news').each(function() {
var title = $(this).find('title').text();
list += '<li>' + title + '</li>';
});
list += '</ul>';
$('body').append(list);
}
});

在上面的代码中，我们通过指定dataType为'xml'来告诉Ajax我们期望获取的数据是XML类型。当请求成功时，服务器会返回一组新闻标题，我们使用find方法找到每个新闻元素，然后提取其标题信息，并将其添加到一个HTML列表中，最后将该列表添加到页面的body标签中。

综上所述，通过Ajax从接口中调用数据类型可以实现在页面上展示各种不同类型的数据。无论是文本、JSON还是XML，Ajax提供了灵活的方法来处理各种不同的数据格式。希望本文的介绍和示例能够帮助读者更好地理解并应用Ajax的数据调用功能。