젠드 프레임 워크 2 아약스 요청 오류

Question

Im 학습 젠드 프레임 워크 2. 젠드 모달 창 아약스 요청을 젠드에서 만드는 방법에 대한 게시물을 찾았습니다. 사용자가 앨범 이름과 앨범 유형을 추가 할 수있는 작은 팝업 창을 만들었습니다. 나는 아래의 스크립트를 실행할 때 Jquery 모달 창없이 내 데이터베이스에 완벽하게 저장되지만 아약스를 통해 데이터베이스에 들어갈 필요가 전혀 없다. 나는 오류 찾기 시작하고 난 형태로 게시 할 때 콘솔에서 발견 :

Failed to load resource: the server responded with a status of 500 (Internal Server Error) http://localhost/album/validatepostajax

을하지만 난 URL을 클릭있을 때 그것을로드합니다.

도움을 주시면 대단히 감사하겠습니다.

컨트롤러 :

<?php 
namespace Album\Controller; 

use Zend\Mvc\Controller\AbstractActionController; 
use Zend\View\Model\ViewModel; 

class AddNewAlbumController extends AbstractActionController { 

public function savetodb($data) 
{ 
    $mapper = $this->getServiceLocator()->get('Album/Mapper/Album'); 
    $mapper->insert($data); 
} 
protected function getForm() 
{ 

    $form = $this->getServiceLocator()->get('Album\Form\AddNewAlbumForm'); 
    $form->setInputFilter(new \Album\Form\Filters\AddNewAlbumFormFilter()); 
    $form->setName('AlbumForm'); 

    return $form; 
} 

public function newalbumAction() 
{ 
    $viewmodel = new ViewModel(); 
    $viewmodel->setTemplate('album/form/add-album.phtml'); 
    $form  = $this->getForm(); 
    $form->setHydrator (new \Zend\Stdlib\Hydrator\Reflection()); 

    $request = $this->getRequest(); 

    //disable layout if request by Ajax 
    $viewmodel->setTerminal($request->isXmlHttpRequest()); 

    $is_xmlhttprequest = 1; 
    if (! $request->isXmlHttpRequest()){ 
     //if NOT using Ajax 
     $is_xmlhttprequest = 0; 
     if ($request->isPost()){ 
      $form->bind (new \Album\Entity\Album()); 
      $form->setData($request->getPost()); 
      $mapper = $this->getServiceLocator()->get('Album/Mapper/Album'); 
      if ($form->isValid()){ 
       $this->savetodb($form->getData()); 
      } 
     } 
    } 

    $viewmodel->setVariables(array(
       'form' => $form, 
       'is_xmlhttprequest' => $is_xmlhttprequest //need for check this form is in modal dialog or not in view 
    )); 

    return $viewmodel; 
} 

public function validatepostajaxAction() 
{ 
    $form = $this->getForm(); 
    $form->setHydrator (new \Zend\Stdlib\Hydrator\Reflection()); 
    $request = $this->getRequest(); 
    $response = $this->getResponse(); 

    $messages = array(); 
    if ($request->isPost()){ 
     $form->bind (new \Album\Entity\Album()); 
     $form->setData($request->getPost()); 

     if (! $form->isValid()) { 
      $errors = $form->getMessages(); 
      foreach($errors as $key=>$row) 
      { 
       if (!empty($row) && $key != 'submit') { 
        foreach($row as $keyer => $rower) 
        { 
         $messages[$key][] = $rower; 
        } 
       } 
      } 
     } 

     if (!empty($messages)){ 
      $response->setContent(\Zend\Json\Json::encode($messages)); 
     } else { 
      $this->savetodb($form->getData()); 
      $response->setContent(\Zend\Json\Json::encode(array('success'=>1))); 
     } 
    } 

    return $response; 
} 
} 

보기 :

<script type="text/javascript"> 
var is_xmlhttprequest = <?php echo $this->is_xmlhttprequest; ?>; 
var urlform   = '<?php echo $this->url('album\newalbum', 
     array('action' => 'validatepostajax'));?>'; 
</script> 

<?php echo $this->headScript()->appendFile($this->basePath() . '/js/ajaxform-up.js'); ?> 

<?php 
$form = $this->form; 
$form->setAttribute('action', $this->url('album\newalbum', 
     array('action' => 'newalbum')) 
); 
$form->prepare(); 
?> 

<?php 
echo $this->form()->openTag($form); 
?> 
<div class="element element_name"> 
<?php echo $this->formlabel($form->get('name')). $this->formelement($form->get('name'));?> 
</div> 
<div class="element element_type"> 
<?php echo $this->formElement($form->get('type'));?> 
</div> 
<?php echo $this->formElement($form->get('submit')).$this->form()->closeTag(); ?> 

JS :

$(function(){ 
$("form#AlbumForm").submit(function(){ 

    if (is_xmlhttprequest == 0) 
     return true; 

    $.post(urlform, { 'name' : $('input[name=name]').val(), 
     'type' : $('select[name=type]').val()}, function(itemJson){ 

      var error = false; 

      if (itemJson.name != undefined){ 

       $(".element_name").append("<div class = 'alert alert-error'>"+itemJson.name[0]+"</div>"); 

       error = true; 

      } 

      if (itemJson.type != undefined){ 

       $(".element_type").append("<div class = 'alert alert-error'>"+itemJson.type[0]+"</div>"); 

       error = true; 

      } 

      $("winpopup").dialog("option", "position", { my: "center", at: "center", of: window }); 
      if (!error){ 
       $("#winpopup").dialog('close'); 
       location.reload(); 
       if (itemJson.success == 1){ 
        alert('Data saved'); 
       } 
      } 

    }, 'json'); 

    return false; 
}); 
});  

Answer 1

선으로 코드 라인에 echo 및 die에 의해, User1291203으로 코드를 디버깅 후 우리는 Ajax 게시물이 null이라는 것을 알아 냈습니다.

user1291203

는 콘솔

TypeError: 'null' is not an object (evaluating 'itemJson.name'). Thus the 500 (Internal Server Error).

말했다 에코 die() 바로 $this->savetodb($form->getData()) 전에, 발견 그리고

print_r() 당신이 게시하는 데이터

을 제안했다. 또한 브라우저 콘솔에서 Ajax 호출 url +을 눌러 게시하는 경우 확인하고 게시 탭을 눌러 양식의 데이터가 게시되는지 확인하십시오.

결론 :

유형 따라서 텍스트 입력이 아닌 선택 목록 JS입니다. 해당 값으로 NULL으로 반환되었습니다.

500 (Internal Server Error)

대부분 코드가 매달려 있지만 Ajax 호출에서는 볼 수 없습니다. 에코에 의해

디버깅 Ajax를하고 응답 위치를 확인하는 코드의 각 줄 끝에서 죽는다는 Ajax 호출로 :)

나에게 당신은 당신의 코드를 디버깅하는 데 도움 수있는 기회를 주심 user1291203 감사 트릭을 할 것 같다 . 해피 코딩 :)