Array to javascript

Question

我有一个数据库中的项目数组。

`$this->ingredientsHistory` is the variable that contains the array. 

我想这个转换成JavaScript变种，将保存所有，然后我可以在自动完成的jQuery UI功能使用它们。

我试图var ingredients = <?php echo json_encode($this->ingredientsHistory); ?>

这是一个print_r($this->ingredientsHistory);输出的一个例子...

阵列（[0] =>阵列（[名称] =>桔子）[1] = >阵列（[名称] =>鸡））

任何帮助，将不胜感激。

编辑 - 的更多信息：

$(function() { 
var ingredients = <?php echo json_encode($this->ingredientsHistory); ?>; 
console.log(ingredients); 
//this is the default tags that jquery gives me - i need to turn ingredients into something similar. 
var availableTags = [ 
    "ActionScript", 
    "AppleScript", 
    "Asp", 
    "BASIC", 
    "C", 
    "C++", 
    "Clojure", 
    "COBOL", 
    "ColdFusion", 
    "Erlang", 
    "Fortran", 
    "Groovy", 
    "Haskell", 
    "Java", 
    "JavaScript", 
    "Lisp", 
    "Perl", 
    "PHP", 
    "Python", 
    "Ruby", 
    "Scala", 
    "Scheme" 
]; 
$("#tags").autocomplete({ 
    source: ingredients 
}); 

}）;

Answer 1

你的问题是，你必须从你的PHP数组中提取每个名称属性。

使用这样的

<?php 

$ingredientsArray = array(
    array('name' => "Lettuce"), 
    array('name' => "Butter"), 
    array('name' => "Chocolate"), 
    array('name' => "Cheese"), 
); // This is your original data structure 

$resultArray = array(); // Let's treat it to get a plain array of ingredient names 
foreach ($ingredientsArray as $ingredient) 
    $resultArray[] = $ingredient['name']; 

// And finally, output it 
echo json_encode($resultArray); 

如果你真的想要得到它在JS-只（虽然我不建议这样做，如果你在你的$ingredientsArray可变

$(function() { 
    // Your PHP-to-JSON stuff 
    var ingredientsArray = <?php echo json_encode($ingredientsArray); ?>; 

    var ingredientNames = []; // There are faster ways such as reduce, but it's the most browser-compatible way to do this. 
    for (int i = 0, l = ingredientsArray.length; i < l; ++i) 
     ingredientNames.push(ingredientsArray[i]['name']); 

    // Then assign it to your autocomplete plugin 
    $('#tags').autocomplete({ source: ingredientNames }); 
}); 

敏感数据

注意hasOwnProperty尚未使用，因为我们已经知道的数组中的数据格式。

Answer 2

您可以执行PHP迭代以将元素推入Array。

<script> 
var jsArray = new Array(); 
<?php 
    for ($this->ingredientsHistory as $value) 
?> 
jsArray.push(<?=$value?>); 
<?php 
    } 
?> 
</script> 

Answer 3

echo json_encode($this->ingredientsHistory); 

使用JSON的方式与客户进行沟通。简单，快速，广泛支持等。不可能更简单。而在客户端（JavaScript）中，您有JSON.stringify和JSON.parse来处理此问题。

原生支持是不可靠的，在传统模式下不能保证，但您可以使用OFFICIAL JSON实现来保证JSON的跨浏览器支持。如果您使用的是jQuery，如您所示，您不会遇到任何问题，只需使用jQuery方法即可。

此外，在PHP5，你可以使用

var ingredients = "<?= $this->ingredients; ?>"; 

如果内嵌处理失败，你总是可以简单地使用Ajax这一点。

$.ajax({ 
    url: "blabla", 
    data: "blabla", 
    type: "POST", 
    dataType: "json", 
    success: function(serverResponse) { 
     console.log(serverResponse); 
    } 
}); 

和echo json_encode(whatever)上的Ajax目标网址。