跨度单击-通过页面刷新将行插入MySQL

Question

I've got a page where I display rows from MySQL table.

while($row2 = $result2->fetch_assoc()) { ?>
   <p> 
      <span class="label label-primary">
         <?php echo ($row2["miasto"]);  ?>
      </span> 
      <span class="label label-primary delete" id="<?php echo ($row2["miasto"]);  ?>"><i class="fa fa-times"></i></span> 
   </p>

on a span click .delete I would like to get this row deleted from a database and page refreshed without those rows and with alert to be present.

I'm able to do a on click action in Jquery:

$(document).ready(
    function(){
        $(".delete").click(function () {
$.post( "miastousun.php", { mdu: (this.id)} );

and than on php of miastousun.php:

$sql = "DELETE FROM miasta_zmiany WHERE Miasto_dodaj='".($_POST['mdu'])."";

but does not seem to work. What I'm doing wrong?

Answer 1

Try this ajax code.

$( document ).on( 'click', '.delete', function() {
    var thisId = $(this).attr('id');
    $.ajax({
          type: 'POST',
          url: 'miastousun.php?mdu='+thisId,              
          success: function(data){
            alert('Message something');
          },
          error: function(errorThrown){
            alert(errorThrown);
          }
    });
});