<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
Open Modal
</button>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal" id="close">Close</button>
<button type="button" class="btn btn-info" id="button1">Button1</button>
<button type="button" class="btn btn-primary" id="button2">Button2</button>
</div>
</div>
</div>
</div>
(async function(){
try{
$('#exampleModal').on('shown.bs.modal', function (e) {
closeButton()
$('#button1').on('click', button1)
$('#button2').on('click', button2)
})
}catch(err){
console.log(err)
}
})()
function button1(){
axios.get('/button1')
}
function button2(){
axios.get('/button2')
}
function closeButton(){
$('#button1').off('click')
$('#button2').off('click')
}
