要获得Ajax内容到Bootstrap 4工具提示,可以按照以下步骤进行:
<button id="myButton" data-toggle="tooltip" title="Loading...">Click me</button>
$.ajax()
方法发送Ajax请求,并在成功回调函数中更新工具提示的内容。$(document).ready(function() {
// 初始化工具提示
$('[data-toggle="tooltip"]').tooltip();
// 发送Ajax请求
$.ajax({
url: 'your_ajax_url',
type: 'GET',
success: function(response) {
// 更新工具提示的内容
$('#myButton').attr('title', response).tooltip('dispose').tooltip('show');
},
error: function() {
console.log('Ajax request failed');
}
});
});
在上述代码中,首先使用$(document).ready()
函数确保页面加载完成后再执行代码。然后,使用$('[data-toggle="tooltip"]').tooltip()
初始化工具提示。
接下来,使用$.ajax()
方法发送Ajax请求。将your_ajax_url
替换为实际的Ajax请求URL。在成功回调函数中,使用$('#myButton').attr('title', response)
更新工具提示的内容,其中response
是从Ajax请求返回的数据。
最后,使用.tooltip('dispose').tooltip('show')
方法重新初始化并显示工具提示。
需要注意的是,以上代码中使用了jQuery和Bootstrap的相关功能。如果你还没有引入jQuery和Bootstrap的文件,请确保在代码中添加相应的引用。
关于腾讯云的相关产品和介绍链接,由于要求不能提及具体的云计算品牌商,无法给出具体的推荐链接。但你可以在腾讯云官网上查找与云计算相关的产品和服务,以满足你的需求。
领取专属 10元无门槛券
手把手带您无忧上云