Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/azure/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Zend框架的JQuery UI自动完成_Jquery_Zend Framework_Autocomplete - Fatal编程技术网

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

使用Zend框架的JQuery UI自动完成,jquery,zend-framework,autocomplete,Jquery,Zend Framework,Autocomplete,我想知道如何在不使用ZendX的情况下,将AutoCompleteJQueryUI小部件添加到我在Zend框架中开发的表单中。网站的文件夹是根据框架设置的,但我没有使用Zend_表单 所以我把所有东西都简化成最简单的形式 <script> $(document).ready(function() { $("input#autocomplete").autocomplete({ source: ["best", "buy"] }); }); </scr

我想知道如何在不使用ZendX的情况下,将AutoCompleteJQueryUI小部件添加到我在Zend框架中开发的表单中。网站的文件夹是根据框架设置的,但我没有使用Zend_表单

所以我把所有东西都简化成最简单的形式

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

<input id="autocomplete" />

$(文档).ready(函数(){
$(“输入自动完成”)。自动完成({
资料来源:[“最佳”、“购买”]
});
});
但我有一个PHP文件,它以JSON格式从数据库返回条目。我该如何使用它呢? 我试着用文件名替换数组,但是什么也没发生。
谢谢

这应该适合您:

// 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传递给脚本(而不是使用fullpath)


浏览器中是否有Javascript错误?我不这么认为。页面加载与以前相同:/从页面查看呈现的
Zend_的源代码时,js文件的路径是否正确?如果可以,请提供代码示例。谢谢!)我认为写出整个源代码路径就成功了!
//layout.phtml
<script type="text/javascript">
var baseUrl = "<?= $this->baseUrl(); ?>";
</script>
source: baseUrl + "/index/autocomplete"