Pfthb

I wanna assign a modal to a button , that shows a warning to the client.
the warning is about : are you sure delete that.
my problem is about send the id to modal with ajax or something else and i am newbe with ajax or javascript so my code is Incomplete

here is my button :

 <button title="delete" data-modal="md-just-me" data-id=<?= $row->id_post; ?> class="delete-post"></button>

here is my script (Incomplete):

<script>
$(document).ready(function() 
	$('.delete-post').click(function() 
		var btn = $(this);
		var id = btn.data('id');
		$.ajax(
 type:"GET",
 url:"",
 data : 
		id : id
					,
 success: function(msg)
 alert( 'ok' ) ;
 ,
 error:function()
 alert("failure");
 
);
		);
	);
});
</script>

and this is my model :

<div class="md-modal md-just-me" id="md-just-me">
			<?php $id = $_GET['id'];?>
			<div class="md-content">
				<h2>warning</h2>
				
				
			<p>do you want continue? </p>
					<p>
					<button class="btn btn-danger md-close">close</button>
					<a href="<?php base_url(post/delete).$id ?>">yes im suer</button>
					</p>
				</div>
			</div>
		</div>

Ok, I've whipped up an example here.
Basically, I grab the id of the item that calls the modal, and set an attribute in the modal so that it can be accessed from the confirmation button:

var modalid = $(this).closest('.modal').data('id')

There is a excellent library called SweetAlert that can ease this process for you. First, you need to add the library.

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

Now, if you want a confirmation message, all you got do is add the following code.

$('.delete-post').click(function() 
 swal(
 title: 'Warning!',
 text: "Do you want continue?",
 type: 'warning',
 showCancelButton: true,
 confirmButtonColor: '#3085d6',
 cancelButtonColor: '#d33',
 cancelButtonText:"No",
 confirmButtonText: 'Yes, I am sure!'
 ).then((result) => 
 // If true, then call your `ajax` here.