我无法调用从php json编码传递的数组。我会连接2选择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":[]}
答案 0 :(得分:0)
您需要遍历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>');
}
修改强>
评论中的解决方案:您是否可以尝试将datatype
来电中的$.ajax()
更改为dataType
。我不确定案件是否重要。听起来像data
是一个字符串而不是一个对象