CakePHP 3 Ajax Request Response von Controller-Aktion

Question

Im Versuch, CakePHP 3 sendet json Antwort auf meine Javascript-Funktion zu bekommen, wenn ich es nennen, aber ich weiß nicht, den richtigen Weg, es zu tun ..

JS Funktion:

function add(){ 
     //serialize form data 
     var formData = $('#newquestion').serialize(); 
     //get form action 
     var formUrl = $(this).attr('action'); 
     $.ajax({ 
      type: 'POST', 
      url: formUrl, 
      data: formData, 
      success: function(status){     
        console.log('content='+status); 
      }, 
      error: function(xhr,textStatus,error){ 
       alert(error); 

     } }); 

} 

CakePHP 3 Aktion:

public function addajax(){  

     if ($this->request->is('ajax')) {  

      $status['msg']="this is a message from cake controller";     
      $this->response->body(json_encode($status)); 

      return $this->response; 

     } 
} 

Frage: Die obige CakePHP-Aktion funktioniert und sendet die richtige Ausgabe, aber ist es richtig; Soll ich nicht eine Ajax-Ansicht oder ein Ajax-Layout verwenden?

Wenn ich Serialize wie unten verwenden, funktioniert es nicht, kommt als "undefined" in der JavaScript-Funktion. Was mache ich falsch? und was ist der richtige Weg?

Ist das folgende Beispiel auch nicht korrekt?

public function addajax(){  

     if ($this->request->is('ajax')) {  
      //$this->viewBuilder()->layout('ajax');   
      //$this->autoRender = false; // Set Render False  


      $status['msg']="this is a message from cake controller";    

      $this->set(compact('status')); 
      $this->set('_serialize', ['status']); 


      //$this->response->body(json_encode($status)); 
      //return $this->response; 

     } 
    } 

PS: Ich habe JSON und XML-Routing und Ansichten aktiviert.

Answer 1

Sie befinden wird PHP-Array über json senden, dann sind Sie kodieren ein Array in PHP und analysieren, um die Reaktion in js Funktion

Versuchen Sie dies in Ihrem CakePHP 3 Aktion:

public function addajax(){ 

    $this -> autoRender = false;  

    if ($this -> request -> is('ajax')) {  

     $status['msg']= "this is a message from cake controller";    

     return json_encode($status); 

    } 
} 

JS-Funktion:

function add(){ 
    //serialize form data 
    var formData = $('#newquestion').serialize(); 
    //get form action 
    var formUrl = $(this).attr('action'); 
    $.ajax({ 
     type: 'POST', 
     url: formUrl, 
     data: formData, 
     success: function(status){ 
      var json = JSON.parse(status);    
      console.log('content='+json.msg); // .msg is name of your index $status['msg'] 
     }, 
     error: function(xhr,textStatus,error){ 
      alert(error); 
     } 
    }); 
}