AJAX（Asynchronous JavaScript and XML）是一种用于在后台与服务器进行数据交换的技术。它能够在页面上更新部分数据而不必重新加载整个页面，使得网页可以更快地响应用户的操作。AJAX可以与各种类型的数据进行交互，其中包括文件和JSON数据。

AJAX可以通过发送HTTP请求来获取服务器上的文件。例如，当用户上传文件时，可以使用AJAX将文件发送到服务器。在服务器端，可以检查文件的大小和格式，然后将其保存到适当的位置。一旦文件被保存，后台服务器可以向前台发送一个响应，告知文件是否成功保存。

$('#uploadButton').on('click', function() {
var file = $('#fileInput').prop('files')[0];
var formData = new FormData();
formData.append('file', file);
$.ajax({
url: 'upload.php',
type: 'POST',
data: formData,
processData: false,
contentType: false,
success: function(response) {
if (response === 'success') {
alert('File uploaded successfully!');
} else {
alert('File upload failed!');
}
}
});
});

在上面的代码中，当用户点击上传按钮时，通过选择文件输入框选择要上传的文件。然后，创建一个FormData对象并将文件添加到其中。接下来，通过AJAX发送POST请求到服务器的upload.php文件。设置processData和contentType为false是为了确保文件被正确地发送到服务器。成功的响应中的回调函数将根据后台服务器的响应，显示成功或失败的消息。

AJAX还可以用于请求JSON数据。例如，可以使用AJAX从服务器获取最新的新闻文章，并在页面上显示出来。

$.ajax({
url: 'news.php',
type: 'GET',
dataType: 'json',
success: function(response) {
var news = response;
for (var i = 0; i< news.length; i++) {
var article = news[i].title + ': ' + news[i].content;
$('#newsList').append('

' + article + '

'); } } });

在上面的代码中，AJAX使用GET请求从服务器的news.php文件获取新闻数据。通过设置dataType为'json'，AJAX将自动将响应解析为JSON对象。成功的回调函数将遍历JSON对象中的每个新闻文章，并将其以列表项的形式添加到页面上。这样，用户可以立即看到最新的新闻。

总之，AJAX通过使用文件和JSON数据，使得网页更加动态和交互。通过AJAX上传文件和获取JSON数据，可以大大提高网站的用户体验，并且减少不必要的页面刷新。