如何JSON數據jQuery的$。每個

Question

顯示我使用$.each循環的JSON響應我收到這是

["errors",[ 
     {"element":"country_name","error":"Value is required and can't be empty"}, 
     {"element":"dial_code","error":"Value is required and can't be empty"},  
     {"element":"country_code","error":"Value is required and can't be empty"} 
    ] 
] 

$.each(response.errors, function (i, field) { 
    alert(field); 
}); 

但我沒有得到任何警告。誰能告訴如何能其實我使用Zend Framework和轉換陣列名爲$消息，這些消息看起來這

Array 
(
[country_name] => Array 
(
[isEmpty] => Value is required and can't be empty 
) 

[dial_code] => Array 
(
[isEmpty] => Value is required and can't be empty 
) 

[country_code] => Array 
(
[isEmpty] => Value is required and can't be empty 
) 

) 

那麼我將這個數組實現

新更新

我真的需要這樣的

<?php 
foreach ($messages as $key => $value) { 

$errors[] = array("element"=>$key,"error"=>$value['isEmpty']); 
} 
?> 

然後我把它轉換成json編碼並返回到suc塞斯功能

<?php 
$response = $this->getResponse(); 
$response->getHeaders()->addHeaderLine('Content-Type', 'application/json'); 
$response->setContent(json_encode(array("errors",$errors))); 
return $response; 
?> 

Answer 1

JSON響應：

[ 
    "errors", 
    [ 
    {"element":"country_name","error":"Value is required and can't be empty"}, 
    {"element":"dial_code","error":"Value is required and can't be empty"},  
    {"element":"country_code","error":"Value is required and can't be empty"} 
    ] 
] 

是兩個元素的數組。第一個元素是字符串"errors"，第二個元素是對象數組。所以，你應該遍歷的響應（即response[1]），這樣的第二個元素：您使用console.log()代替alert()調試

$.each(response[1], function (i, field) { 
    console.log(field); 
}); 

另外，我建議。

運行示例見JS Fiddle。

Answer 2

您的JSON應該是這樣的：

var response={"errors":[ 
    {"element":"country_name","error":"Value is required and can't be empty"}, 
    {"element":"dial_code","error":"Value is required and can't be empty"},  
    {"element":"country_code","error":"Value is required and can't be empty"}] 
} 

既然現在你有一個包含兩列第一含有字errors和第二包含3個對象JSON。

var response={"errors":[ 
 
    {"element":"country_name","error":"Value is required and can't be empty"}, 
 
    {"element":"dial_code","error":"Value is required and can't be empty"},  
 
    {"element":"country_code","error":"Value is required and can't be empty"}] 
 
}; 
 

 
$.each(response.errors, function (i, field) { 
 
    console.log(field); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

---

如果你不想改變你的JSON結構就可以定位到第二列response[1]代替：

var response=["errors",[ 
 
    {"element":"country_name","error":"Value is required and can't be empty"}, 
 
    {"element":"dial_code","error":"Value is required and can't be empty"},  
 
    {"element":"country_code","error":"Value is required and can't be empty"} 
 
]]; 
 

 
$.each(response[1], function (i, field) { 
 
    console.log(field); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

我認爲你的json有問題，你可以嘗試下面的代碼嗎？

$(function(){ 
    var response = {"errors": 
    [{ 
    "element": "country_name", 
    "error": "Value is required and can't be empty" 
    }, 
    { 
    "element": "dial_code", 
    "error": "Value is required and can't be empty" 
    }, 
    { 
    "element": "country_code", 
    "error": "Value is required and can't be empty" 
    }]} 

    $.each(response.errors, function (index, piece) { 
    $.each(piece,function(key,value){ 
     alert(key+"--"+value); 
    }) 
    }); 
}); 

和工作的例子是在這裏：https://jsfiddle.net/hh3r7y36/

---

下面是更新你的PHP代碼，你的輸出應該是類似的東西

<?PHP 
    //Create new object 
    $responseObject = new stdClass(); 
    //Create new object property as an array which means you are going to output "errors" as an json key not an array item 
    $responseObject->errors = array(); 
    //Populate the response 
    foreach ($messages as $key => $value) { 
     $responseObject->errors[] = array("element"=>$key,"error"=>$value['isEmpty']); 
    } 

    //Create output 
    $response->setContent(json_encode($responseObject)); 
?> 

希望這有助於

Answer 4

你在這裏做什麼：

$response->setContent(json_encode(array("errors",$errors))); 

將導致JSON：

["errors",[ 
     {"element":"country_name","error":"Value is required and can't be empty"}, 
     {"element":"dial_code","error":"Value is required and can't be empty"},  
     {"element":"country_code","error":"Value is required and can't be empty"} 
    ] 
] 

這是有效的，但有點不尋常。要訪問你的錯誤數組，你可以這樣做：

var response = data; // data is JSON from server 
$.each(response[1], function (i, field) { 
    console.log(field); // alert(field); 
}); 
// response[0] is string "errors" 
// response[1] is array of error message objects 

如果你想JSON看起來像這樣：

{ 
    "errors":[ 
    {"element":"country_name","error":"Value is required and can't be empty"}, 
    {"element":"dial_code","error":"Value is required and can't be empty"},  
    {"element":"country_code","error":"Value is required and can't be empty"} 
    ] 
} 

你需要改變你的服務器代碼：

$response->setContent(json_encode(array("errors" => $errors))); 

那麼你可以使用您的回覆數據，如下所示：

var response = data; // data is JSON from server 
$.each(response.errors, function (i, field) { 
    console.log(field); // alert(field); 
});