Xtykutl

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.

    }

}