Ajax是一种能够在网页上实现无刷新加载数据的技术，在后台与服务器交换数据的同时，不会影响用户当前页面的显示。当Ajax请求成功后，我们可以通过显示或隐藏div来达到动态更新页面内容的效果。下面将通过举例说明Ajax成功后显示div的实现方法。
在前端开发中，经常会遇到需要通过Ajax请求获取数据并在页面上展示的场景。比如，在一个电商平台中，当用户登录成功后，需要将用户的个人信息展示在页面上。这时候，就可以通过Ajax请求异步获取用户的个人信息数据，然后将信息显示在一个div中。
首先，我们需要在页面上定义一个用于显示个人信息的div，比如：

<div id="userInfoDiv"></div>

然后，通过Ajax请求获取用户的个人信息数据。在这个例子中，假设我们通过后台接口获取用户信息，返回的数据格式是JSON。可以使用jQuery的Ajax方法来发送请求，并通过回调函数来处理返回的数据。具体的代码如下：

$.ajax({
url: "getUserInfo.php",
type: "GET",
dataType: "json",
success: function(data) {
// 请求成功后的回调函数
if(data.status == "success") {
// 将用户信息显示在div中
$("#userInfoDiv").html("用户名：" + data.username + "，年龄：" + data.age + "岁");
// 显示div
$("#userInfoDiv").show();
}
},
error: function() {
// 请求失败后的回调函数
}
});

在上述代码中，通过$.ajax方法来发起一个GET请求，请求的URL是"getUserInfo.php"。dataType指定将返回的数据解析为JSON格式。当请求成功后，会执行success函数，其中的data参数就是服务器返回的数据。我们可以根据返回的数据来判断请求是否成功，然后将用户信息插入到div中，并通过show方法显示div。
通过上述代码，我们实现了在Ajax请求成功后显示div的效果。当用户登录成功后，页面上的div会显示用户的个人信息，这样用户就可以方便地查看自己的信息而无需刷新整个页面。
除了在个人信息展示的场景，Ajax成功后显示div的方法还可以应用于其他各种场景。比如，在一个实时聊天的页面中，当收到新的消息时，可以通过Ajax请求获取最新的消息数据，并将它们显示在一个聊天记录的div中。这样用户就可以实时地看到其他用户发送的消息，而无需刷新页面。
总之，通过Ajax成功后显示div，我们可以实现动态更新页面内容的效果，提升用户体验。无论是展示个人信息、实时聊天还是其他各种场景，利用Ajax技术可以轻松实现页面内容的无刷新更新。这种方法简单易懂，并且可以充分发挥Ajax的优势，提高网站的用户交互性和实用性。