如何調用從php json編碼傳遞的ajax數組？ zend框架2

Question

我無法調用從php json編碼傳遞的數組。 我將串聯2 select state-contry-city。 我怎樣才能做到這一點？？

這是代碼：

我有2個選擇。 我將第一個值發送給一個動作：

PHP動作進入我的控制器：

  public function regioniProvinceComuniAction(){

         $response = $this->getResponse();
         $request = $this->getRequest();

         if ($request-> isPost()){
            $post_data = $request->getPost();
            $regione = (int)$post_data['regione'];
            $province = (int)$post_data['province'];                
         }

        if(isset($regione)){
            $prov = $this->getProvincia($regione);                
        }

         if(isset($province)){
            $com = $this->getComuni($province);                
        }

          $response->setContent(\Zend\Json\Json::encode(array('prov' => $prov, 'com' => $com)));
          return $response;    
     }

這是我的js文件：

  $("select#Regione").change(function () {
       var regione = $("select#Regione option:selected").attr('value');
       $.ajax({
           type: 'POST',
           url: '/zf-tutorial/public/regioni-province-comuni',
           datatype: 'json',
           data: { regione: regione },
           success: function (data) {

           alert (data);  
           }               
       });
  });

警報功能的示例如下：

{"prov":[{"id":"10","nome":"Genova"},{"id":"8","nome":"Imperia"},{"id":"11","nome":"La Spezia"},{"id":"9","nome":"Savona"}],"com":[]}

我試圖像這樣通過data.post填充第二個選擇，但是值是“未定義”：

success: function (data) { 
             $('select#Provincia option').each(function(){$(this).remove()});
             for(var i=0; i<data.length; i++){
                 $("select#Provincia").append('<option value="' + data[i].prov.id + '">' + data[i].prov.nome + '</option>');
             }

我試圖做

for (var i = 0; i < data.prov.length; i++) {
                    $("select#Provincia").append('<option value="' + data.prov[i].id + '">' + data.prov[i].nome + '</option>');
                }

如果我手動設置var數據，效果很好，但響應數據不起作用。 我試着做：

var prov = data.prov;
$("div#id").html(prov);

但這不起作用。 只能這樣工作：

$("div#id").html(data);

和輸出是相同的

{"prov":[{"id":"10","nome":"Genova"},{"id":"8","nome":"Imperia"},{"id":"11","nome":"La Spezia"},{"id":"9","nome":"Savona"}],"com":[]}

Answer 1

您需要遍歷data.prov的項目。 將您的for循環更改為此：

for (var i=0; i<data.prov.length; i++){
    $("select#Provincia").append('<option value="' + data.prov[i].id + '">' + data.prov[i].nome + '</option>');
}

jsFiddle演示

編輯

在注釋中找到解決方案：您可以嘗試將$.ajax()調用中的datatype更改為dataType嗎？ 我不確定案件是否重要。 聽起來像data是字符串而不是對象