获取变量表单视图并在外部js文件中使用它

Question

我正在从我的控制器向视图加载数据。 我必须在外部js文件中发送jquery autocomplete的数据。

这是我从控制器向视图发送数据的方式。

$this->load->view('myViewPage', ['dataForJs' => $dataforJs]);

在View中，我使用此dataForJs并向其声明js变量。

<script type="text/javascript">
  var dataForJs= "<?=  $dataForJs?>";
  console.log(dataForJs); //I don't get data in console.
</script>

在外部Js

    $('#autocomplete').devbridgeAutocomplete({
      lookup: dataForJs,  // Here I want that data but didn't get it.     
      minChars: 1,
      onSelect: function (suggestion) {
          $('#selection').html('You selected: ' + suggestion.value + ', ' + suggestion.data.category);
      },
      showNoSuggestionNotice: true,
      noSuggestionNotice: 'Sorry, no matching results',
      groupBy: 'category'
    });

我正在寻找类似问题，但这并没有解决我的问题。

Answer 1

看起来像是单双反转逗号问题。

试试这个。

var dataForJs= <?=  $dataForJs?>;