zend框架2 ajax請求錯誤

Question

我在學習Zend框架2.我發現了一個關於如何在zend中創建Jquery模式窗口ajax請求的文章。我做了一個彈出窗口，用戶可以添加專輯名稱和專輯類型。 當我在以下運行腳本時，沒有 Jquery模式窗口它完全保存到我的數據庫中，但是當我試圖通過ajax來做到這一點時，什麼都沒有進入數據庫。我開始尋找錯誤，我在控制檯發現當我要發佈形式：

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

，但是當我點擊網址加載。

任何幫助，非常感謝。

控制器：

<?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

由行代碼行調試代碼用User1291203，通過echo和die後我們發現Ajax的帖子是null。

user1291203發現， 回聲die()$this->savetodb($form->getData())前面，並在控制檯中

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

說我建議

print_r()您發佈的數據。也在瀏覽器控制檯上檢查您的發佈是否通過按Ajax調用url +展開並按下發布標籤以查看是否發佈了表單的數據。

結論：

的類型是文本輸入不是選擇列表因此JS。用NULL返回該值。

500 (Internal Server Error)

最有可能的代碼掛起，但在Ajax調用你看不到。

調試阿賈克斯的回聲和每一行代碼後，死要見它掛起，似乎這樣的伎倆與Ajax調用:)

謝謝user1291203給我的機會，幫助您調試代碼。快樂編碼:)