最近在开发网页应用程序的时候，遇到了一个问题：使用AJAX加载数据时，页面没有显示出加载中的效果。经过仔细研究和试验，我找到了解决这个问题的方法。

首先要明确的是，在使用AJAX加载数据时，我们希望能够给用户一个提示，告诉他们数据正在加载中，避免用户以为页面卡死或者出现其他问题。通常，在加载数据时，我们可以显示一个加载中的图标或者进度条。

然而，有时候，即使我们已经正确地编写了代码，在AJAX加载中却没有显示出预期的效果。举个例子，我曾经遇到了一个情况：当用户点击一个按钮，调用AJAX加载数据时，页面没有显示出加载中的效果。相反，只有在数据加载完成后，页面才会更新显示数据。

在尝试了多种方法后，我发现了解决这个问题的关键。原来，这种情况往往是因为我们没有正确地控制加载中的显示时机。在AJAX请求被发送之前，我们需要手动地显示加载中的效果；而在AJAX请求完成后，我们同样需要手动地隐藏加载中的效果。

下面是我采用的解决方案。首先，需要在HTML代码中添加一个用于显示加载中效果的元素，例如一个div或者一个span：

<div id="loading">
Loading...
</div>

然后，在CSS中设置该元素的样式：

#loading {
display: none;
}

接着，在JavaScript代码中，监听AJAX请求的开始和完成事件。在请求开始时，显示加载中的效果；在请求完成时，隐藏加载中的效果：

$(document).ajaxStart(function() {
$("#loading").show();
});
$(document).ajaxStop(function() {
$("#loading").hide();
});

通过以上的步骤，我们已经成功地解决了页面在AJAX加载中没有显示加载中效果的问题。现在，当用户点击按钮时，页面会立即显示出"Loading..."的文本，以及相应的样式，告诉用户数据正在加载中。

总之，为了确保AJAX加载过程中能够正确地显示加载中的效果，我们需要手动地控制加载中效果的显示和隐藏时机。通过监听AJAX请求的开始和完成事件，并在相应的事件处理函数中调用show()和hide()方法，我们可以实现加载中效果的正确显示和隐藏。