Haciendo jquery ajax llamada desde la vista al controlador en cakephp 2.x

controller cakephp-2.3

Question

Estoy tratando de hacer una solicitud de ajax desde la vista al controlador, ajax requst está funcionando bien, pero desde el controlador no se devuelve nada a la vista. No sé dónde está el problema. Lo que intento es, en mi opinión, mostrar algunos datos del controlador y hay un cuadro de selección. Cuando selecciono una ciudad del cuadro de selección, llama a la solicitud de ajax y debe mostrar el resultado de esa ciudad en particular en view.ctp.

           $(''#cityid'').change(function() {

   $city_id= $(''#cityid :selected'').val();
   alert($city_id);

    $.ajax({
              url     : "<?php echo Router::url(array(''controller'' => ''deals'', ''action'' =>''topdeals''), true); ?>",
              type    : "POST",
              cache   : false,
              data    : {city_id: city_id},
              success : function(data){
              alert(data);

              }
          });

        });

     });

y en la vista

            <div id="form">
             <?php echo $this->Form->create(''Deal'',
             array(''action''=>''topdeals'',''type''=>''post''));?>
              <?php
             echo $this->Form->input(''city_id'',
        array(''label''=>''City'',''type''=>''select'',
       ''id''=>''city_id'',''empty''=>''select City'',''options'' =>$city));
             echo $this->Form->end();
               ?>

            </div>

            <div class="line"></div>


              <?php
          if(!empty($topdealsortbyrank))
             {

              foreach($topdealsortbyrank as $topdealsortbyrank)
                 {?>
         <div class="items">

            <div class="itemslogo" >
             <?php echo $this->Html->image(''deal/dealimage/''.$topdealsortbyrank[''Deal''][''image''],array(''width''=>"100px",''height''=>"80px"));?>
            </div><!-- items Logo ends-->


            <div class="itemdetails">
              <b><?php echo $topdealsortbyrank[''Advertiser''][''name'']?></b>
    <p class="red"><?php echo $topdealsortbyrank[''Deal''][''title'']?></p>
                <?php
                     }
                       }?>

Y en el controlador

           function topdealajax()

    {
        $this->log(''Ajax call -----------------'');
        if ($this->request->isAjax())
        {
            $this->log(''inside if request is ajax -----------------'');
          $this->layout = null;
            $this->view = ''topdeals'';

           if(!empty($this->request->data)) {
            $this->log(''inside if  not empty of params -----------------'');
            $data = $this->request->data[''city_id''];
            $this->log($data);
            $city_id=$data[''city_id''];
            $this->log($city_id);
            $city_id= $this->request->data[''city_id''];
       // $this->log($city_id);
       $topDealSortbyRank1=$this->Deal->find(''all'',     array(''conditions''=>array(''date_expiry >='' =>date(''Y-m-d '') ,
                    ''date_expiry <='' => ''date_expiry'',''Deal.city_id''=>$city_id),''order''=>array(''Deal.deal_rank ASC'')));
               //$this->log($topDealSortbyRank1);
                $this->set(''topdealsortbyrank'',$topDealSortbyRank1);
                 $this->render(''topdeals'');
                }
                     }
                     }

Answer 1

/*IN THE AJAX REQUEST YOU SHOULD HAVE*/
$.ajax({
.....
success: function(data){ $(''#MYDIV'').html(data);}, //YOU CAN APPEND OR REPLACE THE CONTENT OF A CONTAINER WITH THE RESPONSE
...
});

//in DealsController::topdeals() you should have at the begining
if ($this->request->isAjax()):
        $this->layout = null;
        $this->view = ''view_ajax''; //Other view that doesn''t needs layout, only if necessary 
    endif;

/*DO WHATEVER YOU WANT HERE, SEND IT TO THE VIEW, THE VIEW GETS RENDERD AND RETURN AS A RESULT*/