如何使用zf2做ajax + json？

我正在使用zf2。我想通過使用ajax調用來加載我的第二個下拉列表。我嘗試了下面的代碼。我可以得到硬編碼的值。但我不知道如何將數據庫值添加到數組中並使用ajax將該值加載到下拉列表中。如何使用zf2做ajax + json？

阿賈克斯PHTML：

<script type="text/javascript"> 
$(document).ready(function() { 

$("#projectname").change(function (event) { 

    var projectname = $(this).val(); 
    var projectkey = projectname.split(" - "); 
    var projectname = {textData:projectkey[1]}; 


    //The post using ajax 
    $.ajax({ 
      type:"POST", 
      // URL :/name of the controller for the site/name of the action to be       
      //             executed 
      url:'<?php echo $this->url('userstory', array('action'=>'answer')); ?>', 
      data:projectname, 
      success: function(data){ 

       //code to load data to the dropdown 

      }, 
      error:function(){alert("Failure!!");} 


      }); 

    }); 
    }); 

</script>

控制器動作：

public function answerAction() { 

    // ead the data sent from the site 
    $key = $_POST ['textData']; 

    // o something with the data 
    $data= $this->getProjectTable()->getkeyproject($key); 
    $projectid = $data->id; 

    $projectusers[] = $this->getRoleTable()->fetchRoles($projectid); 
    // eturn a Json object containing the data 

    $result = new JsonModel (array (
      'projectusers' => $projectusers 
    )); 
    return $result; 
}

DB查詢：

public function fetchRoles($id) { 
    $resultSet = $this->tableGateway->select (array (
      'projectid' => $id 
    )); 

    return $resultSet; 

}

來源

2014-07-06 Deedinu

這就是我在我的控制器中所做的。最終完成編碼。

public function answerAction() { 

    // ead the data sent from the site 
    $key = $_POST ['textData']; 

    // o something with the data 
    $data= $this->getProjectTable()->getkeyproject($key); 
    $projectid = $data->id; 
    $i=0; 
    $text[0] = $data->id. "successfully processed"; 
    $projectusers = $this->getRoleTable()->fetchRoles($projectid); 

    foreach ($projectusers as $projectusers) : 
    $users[$i][0] = $projectusers->username; 
    $users[$i][1] = $projectusers->id; 
    $i++; 
    // eturn a Json object containing the data 
    endforeach; 
    $result = new JsonModel (array (
      'users' => $users,'count'=>$i 
    )); 
    return $result; 
}

和Ajax是這樣

<script type="text/javascript"> 
$(document).ready(function() { 

$("#projectname").change(function (event) { 

    var projectname = $(this).val(); 
    var projectkey = projectname.split(" - "); 
    var projectname = {textData:projectkey[1]}; 


    //The post using ajax 
    $.ajax({ 
      type:"POST", 
      // URL :/name of the controller for the site/name of the action to be       
      //             executed 
      url:'<?php echo $this->url('userstory', array('action'=>'answer')); ?>', 
      data:projectname, 
      success: function(data){ 
       // alert(data.users[0][0]+" - " + data.users[0][1]); 

       var count= data.count; 
       alert(count); 
       $('#myDropDown').empty(); 
       for(var i=0;i<count;i++){ 

        $('#myDropDown').append($('<option></option>').attr('value', data.users[i][1]).text(data.users[i][0])); 

       } 

      }, 
      error:function(){alert("Failure!!");} 


      }); 

}); 
    }); 

</script>

使用相同的ZF2查詢來訪問數據庫。感謝大家的幫助:)

來源

2014-07-07 03:02:16 Deedinu

您的JSON對象new JsonModel (array ( 'projectusers' => $projectusers ) JSON對象變成了這個樣子格式Click here for Demo

var projectkey = []; 

     projectkey = projectname.split(" - "); 
     var projectname = { "textData" : "+projectkey[1]+" }; 

     $.ajax({ 
     type:"POST", 
     url  : "url.action", 
     data : projectname, 
     success : function(data){ 

      $.each(data.projectusers,function(key,value){ 
       $('#divid').append("<option value="+key+">"+value+"</option>"); 
      }); 
      }); 
     }); 



    <select id="divid"></select>

來源

2014-07-06 18:58:51 hari

如何使用zf2做ajax + json？

回答

相關問題