Open Bootstrap Modal Popup on Ajax Success
Bootstrap / HTML / jQuery

Open Bootstrap Modal Popup on Ajax Success

Open Bootstrap Modal Popup on Ajax Success

Hi, Today I will tell you how you can open a bootstrap modal popup on ajax success.

Whenever you want to display a bootstrap modal popup on ajax success response, you can toggle it by calling the modal id inside your ajax success function like the given example. It will do the task easily.

Add this js inside your success function and change the id according to your modal id.

$("#otp_popup").modal("toggle");

And make sure your modal looks something like this.

<div class="modal fade" id="otp_popup" tabindex="-1" role="dialog" area-labelledby="myModalLabel" area-hidden="true">

In case you are facing any problem with it, ask me in the comments below. I will help.

Thanks

Author

I am a Full Stack Web Developer. I have more than 8 years of experience in the web design and development industry.

Leave a Reply

Your email address will not be published. Required fields are marked *