Question

我正在使用实现CSS来创建一个应用程序。 Materialize CSS具有自动完成js功能。您可以传递数据以自动完成。我也有一个python flask flask后端，它以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

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

Answer 1

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

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

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

将javascript字典追加到其他字典

1 个答案: