jquery - 使用 Zend 框架的 JQuery UI 自动完成

Question

我想知道如何在不使用 ZendX 的情况下将自动完成 JQuery UI 小部件添加到我在 Zend Framework 中开发的表单中。该网站的文件夹是根据框架设置的，但我没有使用 Zend_Form。

因此，我将所有内容简化为最简单的形式，该形式有效：

<script>
  $(document).ready(function() {
    $("input#autocomplete").autocomplete({
    source: ["best", "buy"]
});
  });
  </script>

<input id="autocomplete" />

但是我有一个 PHP 文件，它以 JSON 格式从数据库中返回条目。我该如何使用它呢？我尝试用文件名替换数组，但没有任何反应。谢谢！

Answer 1

这应该适合你：

// js stuff
$( "input#autocomplete" ).autocomplete({
    source: "http://localhost/application/index/autocomplete"
});


//IndexController.php

/**
 * Return AutoComplete stuff
 */
public function autocompleteAction()
{
    // disable view and layout, we want some fanzy json returned
    $this->_helper->layout()->disableLayout(); 
    $this->_helper->viewRenderer->setNoRender(true);

    $values = array('best', 'buy');
    $valuesJson = Zend_Json::encode($values);
    echo $valuesJson;
}

您可以将 BaseUrl 传递给您的脚本（而不是使用完整路径）

//layout.phtml
<script type="text/javascript">
var baseUrl = "<?= $this->baseUrl(); ?>";
</script>

所以你可以这样做：

source: baseUrl + "/index/autocomplete"