Non ho fortuna quando provo ad usare JQuery con CakePHP 1.3

Question

Sono nuovo per cakePHP ma sono vicino a smettere di usarlo a causa della mia incapacità di far funzionare jQuery con esso.

Sto usando cakePHP 1.3 e quindi ho pensato che gli helper Html e Js avessero reso Javascript e Ajax ridondanti, ma non trovo davvero alcuna documentazione di aiuto/api su come usare Js che sia sufficiente.

Tutto quello che sto provando a fare prima di tutto è inviare alcuni dati a cakePHP con jQuery e poi recuperare alcuni dati in jQuery e alert(). Per qualche ragione questo non funziona. Ecco il mio codice:

test.js

$('.social').click(function() 
{ 
    $.ajax({ 
     type: 'POST', 
     url: '/activities/add_activity', 
     data: 'type=social', 
     dataType: 'json', 
     success: function(data) 
     { 
      alert(data); 
     }, 
     error: function() 
     { 
      alert('wut'); 
     } 
    }); 
}); 

activities_controller.php

function add_activity() 
{ 
    if($this->RequestHandler->isAjax()) 
    { 
     $this->autoRender = false; 
     $this->autoLayout = false; 

     $this->header('Content-Type: application/json'); 

     echo json_encode(array('result'=>'hello'); 
     return; 
    } 
} 

Ogni volta che fa clic sul pulsante con la class = 'sociale' ottengo l'avviso "wut", che significa errore.

Ho il componente RequestHandler e gli helper JavaScript, Js e Ajax inclusi nel mio activity_controller.php.

Inoltre, test.js e jquery.js sono collegati utilizzando html-> script(); in default.ctp e tutte le altre cose di jQuery funzionano, quindi non è così.

Ho anche questo nel mio beforeFilter() per activities_controller.php:

if($this->RequestHandler->isAjax()) 
{ 
    Configure::write('debug',0); 
} 
parent::beforeFilter(); 

Delle idee che cosa è sbagliato? È una cosa jQuery o una cosa cakePHP? O entrambi?

Grazie in anticipo,

Infinitifizz

P.S.

Non ho mai fatto AJAX in jQuery prima, quindi forse è qualcosa a che fare con quello che sta rovinando, ho sempre fatto semplicemente javascript AJAX.

Answer 1

Non rinunciare a CakePHP. C'è una curva di apprendimento, ma ne vale la pena.

Vorrei specificare l'URL in questo modo:

<?php $Url = Router::url(array('controller'=>'activities','action'=>'addActivity'),true); ?> 
$('.social').click(function() 
{ 
    $.ajax({ 
     type: 'POST', 
     url: '<?php echo $Url ?>'; 
     ... 

Sul lato CakePHP, il mio metodo sarebbe come questo:

function addActivity() 
{ 
    $this->autoRender = false; 
    $this->autoLayout = false; 

    App::import('Helper', 'Javascript'); 
    $javascript = new JavascriptHelper(); 

    echo($javascript->object(array('result'=>'hello'))); 
    exit(1); 
} 

Io non uso mai if($this->RequestHandler->isAjax()) anche se sono sicuro qualche anima gentile mi dirà perché dovrei.

Preferisco camelTestare i nomi dei metodi in linea con la convenzione CakePHP.

Si noti che questa riga nel codice: echo json_encode(array('result'=>'hello'); manca una parentesi di chiusura.

Inoltre, non vorrei usare jQuery per fare AJAX semplice come questo: può rendere difficile il debug, ma è solo una preferenza personale.

Answer 2

Questo probabilmente è fuori programma, ma ...

Quello che faccio per avere principale dell'applicazione nel mio javascript:

Nel /app/views/layout/default.ctp ho seguente codice

<?php 
echo $javascript->codeBlock("var root = '".$html->url('/')."';"); 
?> 

vostro parametro url sarà come:

url: root+'activities/add_activity', 

in questo modo, anche se si app è in una sottocartella o in un dominio TLD lo script funzionerà correttamente.

Restituire "wut" per me significa che lo script non è riuscito a raggiungere la pagina nel parametro url. Soprattutto se lavori in una sottodirectory apparirà in http://server.com/activities/add_activity. Sono sicuro al 99% che questo è il problema :)

Un altro suggerimento: Rimuovere Ajax mentre it was meant to work with Prototype piuttosto con jQuery

Answer 3

io odio il Helper Ajax in CakePHP ... cioè fino a quando ho trovato questo: http://blog.loadsys.com/2009/05/01/cakephp-jquery-ajax-helper-easy-scriptaculous-replacement/

Ora posso usare le chiamate Ajax di CakePHP nativi con jQuery! Guarda in questo. Sono stato in grado di risolvere tutti i miei "semplici" problemi di ajax con questa sostituzione di helper ajax darg-n-drop. Lo metto nella directory degli aiutanti nella mia app e sostituisco l'ajax.php che è lì e viola! jQuery funziona. È necessario includere lo script jQuery nel layout, naturalmente. Provalo, adorerai ancora CakePHP!

Answer 4

Si consiglia di utilizzare il layout di CakePHP json per trasmettere i dati dalla vista anziché i dati di echo json dal controller.