[分享]揭秘Bootstrap模态窗口：轻松实现Ajax动态数据加载

接下来，你可以编写一个Ajax请求来获取数据：

$.ajax({ url: 'your-endpoint', // 你的数据端点 type: 'GET', // 请求方法 dataType: 'json', // 数据类型 success: function(data) { // 请求成功后的处理 $('#data-container').html(data); // 将数据填充到容器中 }, error: function() { // 请求失败的处理 $('#data-container').html('加载失败'); // 显示错误信息 }
});

2. 使用模态窗口显示数据

在Ajax请求成功后，你可以通过调用模态窗口的modal('show')方法来显示模态窗口：

// 假设Ajax请求成功，数据已填充到data-container中
$('#myModal').modal('show');

完整示例

以下是一个完整的示例，展示了如何使用Bootstrap模态窗口结合Ajax动态加载数据：

 
 
 
 
用户信息
  ×  
 
 
 
 
 关闭 
 
 


打开模态窗口

通过以上步骤，你可以轻松地在Bootstrap模态窗口中实现Ajax动态数据加载，从而为用户带来更丰富的交互体验。