Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.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
Jquery 语义用户界面中的搜索模块_Jquery_Search_Semantic Ui - Fatal编程技术网

Jquery 语义用户界面中的搜索模块

Jquery 语义用户界面中的搜索模块,jquery,search,semantic-ui,Jquery,Search,Semantic Ui,有人举过使用语义用户界面搜索模块的例子吗 安说会有文件,这是 HTML: 它实际上调用了GET,但它根本没有附加查询,尽管我在.api中将它视为“urlData”的一部分,但我还需要添加什么来正确连接它呢 有什么想法吗?我建议使用最新版本的search.js和api.js API允许您使用url模板创建端点,这允许您在一个位置指定API,并在运行时替换url变量 例如,在最近的一个项目中,我使用了这样的API映射 $.api.settings.api = { emailArtic

有人举过使用语义用户界面搜索模块的例子吗

安说会有文件,这是

HTML:

它实际上调用了GET,但它根本没有附加查询,尽管我在.api中将它视为“urlData”的一部分,但我还需要添加什么来正确连接它呢


有什么想法吗?

我建议使用最新版本的search.js和api.js

API允许您使用url模板创建端点,这允许您在一个位置指定API,并在运行时替换url变量

例如,在最近的一个项目中,我使用了这样的API映射

  $.api.settings.api = {
    emailArticle     : '/api/article/ajax/{id}',
    getArticles      : '/api/article/{type}/{date}/{limit}/{/page}/{/filter}/',
    homepageArticles : '/api/featured/{homepageID}/{lastID}',
    latestArticles   : '/api/next/{offset}',
    search           : '/api/search/{query}'
  }
URL模板对URL的可变部分使用字符串模板

  • 您可以使用您的首选项{$variable}或{variable}指定所需的参数
  • 可以使用{/$variable}或{/variable}指定可选参数
如果在运行时未包含必需的变量,则该变量将返回错误。 如果未指定,可选变量将自动从url中删除自身(以及任何尾随斜杠)

API在搜索之外还有许多其他用途,如设置最小请求时间、将加载状态附加到元素、允许html元数据作为参数传递等。但这些都超出了问题的范围

使用搜索组件。如果未指定,则默认使用搜索API操作

此操作要求url包含查询参数应映射到的
{$query}

在您的示例中,您可以全局设置默认搜索端点:

例如,如果您希望它通过GET传递,您可以使用

$.api.settings.api.search='search/?q={$query}'

也可以为模块指定自定义API设置

$('.ui.search').search({apiSettings:{url:'/search/{$query}});

我对语义UI的seach api也有问题

所以经过一些研究,我知道它可以这样使用:

我也在使用RubyonRails。 用于自动完成城市名称的jQuery文件: 语义UI(搜索)需要一个“结果”作为根和节点,其中包含具有标题和描述的child内容,以及api指定的其他内容。因此,如果json结果具有其他名称,则必须更改searc函数的方法调用

因此,我将
城市的
结果
名称
说明
标题
更改为
状态

在我的控制器中,我刚刚进行了如下查询: 在我的Routes文件中,我指定了返回集合的get方法。 并使用
Rabl
gemi格式化json文件的输出:
仅此而已,它对我有效。

我遇到了特别的困难,因为我原以为我使用了一个新版本,但这些资源奏效了!非常感谢你!!!此外,我将使用apiSettings而不是url。非常有趣。对不起,我的邮件被重复了。非常感谢。
$(".ui.search").search("/web/quickSearch");
  $.api.settings.api = {
    emailArticle     : '/api/article/ajax/{id}',
    getArticles      : '/api/article/{type}/{date}/{limit}/{/page}/{/filter}/',
    homepageArticles : '/api/featured/{homepageID}/{lastID}',
    latestArticles   : '/api/next/{offset}',
    search           : '/api/search/{query}'
  }
# Semantic-Ui Search
# Sets for autocomplete name of cities while typing.
$('.ui.search.city').search
  apiSettings: 
    action: 'search', url: '/cities/autocomplete.json?query={query}'
  fields:
    results : 'cities'
    title   : 'name'
    description   : 'state'
  minCharacters : 3
def autocomplete    
  @cities = City.includes(:state).order(:name).where('name like ?', "%#{params[:query]}%")
end
# Resources for cities.
resources :cities, only: :index do
  get :autocomplete, :on => :collection
end
collection @cities, root: :cities , object_root: false

attributes :id, :name
node(:state) { |city| city.state.name }
node(:query) { params[:query] }