如何调用php json编码传递的ajax数组?zend框架2


How can I call ajax array passed from php json encode? zend framework 2

我不能调用从php-json编码传递的数组。我会连接两个选择州控制城市。我该怎么做??

这是代码:

我有两个选择。我将第一个值发送给一个操作:

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":[]}

您需要循环遍历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是一个字符串,而不是对象