CODEWITHSUNDEEP
htmlajaxcakephpdelete-record
JOHN
JOHN

Reputation: 11

Ajax call delete cakephp

I'm trying to use ajax delete to delete records that, when clicked, confirms before sending the request. the record is deleted and it work but the problem is after deleting nothing change in the view until after I reload the page manually. I want to show the result in view just after click "ok" in the dialog

my ajax code :

$(document).ready(function() { 
  if($('.confirm_delete').length) {
       $('.confirm_delete').click(function(){
         var result = confirm('Are you sure you want to delete this?');
         $('#flashMessage').fadeOut();
         if(result) {
           $.ajax({
              type:"POST",
              url:$(this).attr('href'),
              data:"ajax=1",
              dataType: "json",
              success:function(response){
                }
          });
      }

      return false;
    });
  }
});

in view :

echo $this->Js->link('Delete', array('controller' => 'publications', 'action'=>'delete', $publication['Publication']['id']),
  array('escape' => false, 'class'=>'confirm_delete'));

Upvotes: 0

Views: 1511

Answers (2)

JOHN
JOHN

Reputation: 11

$(document).ready(function(){
if($('.confirm_delete').length) {
   $id=$(this).attr('id');

   $('.confirm_delete').click(function(){
   var result = confirm('Are you sure you want to delete this?');
    $('#flashMessage').fadeOut();

    if(result) {
        $.ajax({
            type:"POST",
            url:$(this).attr('href'),
            data:"ajax=1",
            dataType: "json",
            success:function(response){

                }
        });


        $('#row'+$id).remove();

}


return false;
});

} });

For some reason the $(this).attr('id') does not work ... how to get id of the element selected to remove it I have on my view : 

<div class="box_detail" id="row<?php echo $publication['Publication']['id']; ?>">

Upvotes: 1

floriank
floriank

Reputation: 25698

This is not a CakePHP problem but a JS problem only. If yor delete callback was successful without any error returned you have to remove the related content from the DOM tree. Using jquery this can be done by calling remove() on any selector you want to remove.

Upvotes: 0

Related Questions