Ajax從成功函數檢索數據

Question

我通過Ajax提交表單，並且我希望在提交表單時將項目名稱預先添加到列表項目中。一切工作正常，除了拉取成功函數內所需的信息。數據[Project] [project_name]正在發佈。如何在成功功能中獲取項目名稱？現在「數據」正在顯示在列表中。我的表單中只有一個文本框。

<script type="text/javascript"> 
    $(document).ready(function() {  
     var frm = $('#ProjectAddForm'); 
     frm.submit(function() { 
      $.ajax({ 
       type: frm.attr('method'), 
       url: frm.attr('action'), 
       data: frm.serialize(), 
       success: function(data) { 
        $('#ProjectProjectName').val(''); 
        $('#ProjectList').prepend("<li style='color: green;'>data</li>"); 

       } 
      }) 
     }); 
     return false;    
    }); 
</script> 

HTML：

<ul id="ProjectList"> 
      <?php foreach ($projects as $project): ?>      
       <li><?php echo $project['Project']['project_name']; ?></li> 
      <?php endforeach; ?> 
      <?php unset($project); ?> 
     </ul> 

<form accept-charset="utf-8" method="post" onsubmit="event.returnValue = false; return false;" id="ProjectAddForm" action="/callLog/projects/add"> 

Answer 1

我需要一個數據類型補充： 'JSON' 的請求。

<script type="text/javascript"> 
    $(document).ready(function() {  
     var frm = $('#ProjectAddForm'); 
     frm.submit(function() { 
      $.ajax({ 
       type: frm.attr('method'),     
       url: "<?php echo $this->Html->Url(array('controller' => 'projects', 'action' => 'add.json')); ?>", 
       data: frm.serialize(), 
       dataType: 'json', 
       success: function(data) { 
        $('#ProjectProjectName').val(''); 
        $('#ProjectList').prepend("<li class='icon-remove', style='color: green;'>" + data.projectName + "</li>"); 
        $('#modalProject').modal('hide'); 
       } 
      }) 
     }); 
     return false;    
    }); 
</script>