Question

我有一个JSON编码数组，我将其返回到AJAX请求。

我需要将JSON数组放入JS数组中，这样我就可以遍历每个数据数组来执行操作。

问。如何有效地将JSON数组内容放入JS数组？

PHP / JSON返回AJAX

$sql = 'SELECT *
     FROM btn_color_presets
    ';

$result = mysqli_query($sql);

$array = array(); // 

while($row = mysql_fetch_assoc($result)) // 
{
     $array[] = $row;
     $index++;
}

header("Content-type: application/json");
echo json_encode($array);

Answer 1

您可以使用JSON.parse功能执行此操作：

var myObject = JSON.parse(response_from_php);

// loop over each item
for (var i in myObject) {
    if (myObject.hasOwnProperty(i)) {
       console.log(myObject[i]);
    }
}

如果您使用的是jQuery，也可以使用jQuery.parseJSON()，但如果可用的话，jQuery也会使用相同的函数under the hood。

Answer 2

添加到Safraz答案：

如果你正在使用jQuery，还有另一种方法可以做到这一点。只需将json作为最后一个参数添加到ajax来电。它告诉jQuery将返回一些json内容，因此success函数已经被解析json。

下面的示例显示了实现此目的的简单方法。有一个简单的json属性访问（result.message），以及遍历整个数组/对象的each循环。如果您将返回包含对象列表的更多结构化json，则可以在each循环调用value.objectfield内访问它。

示例：

//Assuming, that your `json` looks like this:
{
    message: 'Hello!',
    result: 1
}

$.post(
    'example.com',
    {data1: 1, data2: 2},
    function(response){
        console.log(response.message) //prints 'hello'
        console.log(response.result) //prints '1'

        //iterate throught every field in json:
        $(response).each(function(index, value){
            console.log("key: " + index + " value: " + value); 
        });
    },
    'json'
)

从返回的PHP / JSON填充JS数组

2 个答案: