将 javascript 字典附加到其他字典答案

【问题标题】：Append javascript dictionary to other dictionary将 javascript 字典附加到其他字典
【发布时间】：2018-12-27 19:56:03
【问题描述】：

我正在使用物化 css 创建一个应用程序。 Materialize css 具有自动完成 js 功能。您可以将数据传递给自动完成。我还有一个 python 烧瓶后端，它以 JSON 形式返回一个 python 字典。 Javascript 在前端接收它并解析 JSON 数据。我想知道是否可以将 JSON 数据附加到预制的自动完成中。这是我的代码：

<script>
  //parse json data
  var datas = JSON.parse('{{ data | tojson | safe}}');
  console.log(datas)
  console.log(datas['Nick'])

    $('input.autocomplete').autocomplete({
          data: {
            'Apple': null,
            datas: null
          }
        });
    </script>

我的控制台看起来像这样，所以我知道我有一个可用的 python 字典：

{Nick: "null", User: "null"}
    Nick: "null"
    User: "null"
    __proto__: Object
null

我尝试直接使用我的数据，通过数据字段而不是数据传递它：但我没有运气。我想在自动完成的数据字段中使用我的 JSON 数据，我该怎么做？谢谢！

【问题讨论】：

您使用的是哪个自动完成库？并且您只想在页面加载时添加 JSON 数据吗？
@Rajan 我正在使用物化 css 自动完成 - 在我的烧瓶应用程序中，我传入我的 JSON 数据并在页面加载时将其转换为 javascript dict。
并且您只想在页面加载时附加{'Apple': null} 和datas 对吗？
@Rajan 基本上我想让我的 JSON 列表仅在页面加载时出现在自动完成数据中。
如果该解决方案适合您，请告诉我！

标签： javascript python json autocomplete materialize

【解决方案1】：

要附加您的对象，您可以执行以下操作：

<script>
  var datas = JSON.parse('{{ data | tojson | safe}}');
  var newData = $.extend({'Apple':null}, datas);

  $('input.autocomplete').autocomplete({
      data: newData
  });
</script>

【讨论】：

谢谢，这正是我要找的！