时间戳

首页 > 解决方案 > 更改 php 文件时，语义 UI 自动建议搜索栏不会在 Firefox 中加载结果（返回相同的语法）

javascript - 更改 php 文件时，语义 UI 自动建议搜索栏不会在 Firefox 中加载结果（返回相同的语法）

问题描述

我最近开始使用语义 UI，我遇到了这种非常令人沮丧的情况，在搜索栏中，当我更改发送相同语法的 php 文件时，搜索栏下不再加载结果。任何想法可能是什么问题？它看起来如此简单和基本，但它不起作用。

这是两个孪生文件及其结果：

关键字_suggest.php?term=酸菜

返回：

{"results":[{"name":"酸菜、罐头、固体和液体","url":"product.php?id=11439"}]}

还有这个文件

sci_name _suggest.php?term= sinapis

返回：

{"结果":[{"名称":"白芥菜和芥菜","url":"produs.php?id=2024"}] }

考虑到它们都返回相同的语法，当我从第一个文件更改为第二个文件时，语义 UI 搜索栏中怎么可能没有结果？

源文件已更改，但没有结果

这是我使用的 javascript：

function page_home() {

$('.ui.search')
    .search({
        apiSettings: {
            url: '//www.website.com/keyword_suggest.php?term={query}'
        },
        fields: {
            results: 'results',
            title: 'name'
        },
        minCharacters : 2
    })
;
}

if($('.page_home').length) {
    page_home();
}

在第二个示例中，我将 url 更改为：

//www.website.com/sci_name_suggest.php?term={query}

但它不会加载结果，即使“sinapis”有一个结果。

这怎么可能？它们都发回相同的语法。

在两个 php 文件的末尾都有这个 json：

echo '{"results":' . json_encode($values) . '}';

这是语义 UI 搜索栏：

<div class="ui attached stackable">
  <div class="ui container page_home">
      <div class="ui center aligned grid">
          <div class="">

              <h2>Search in database:</h2>

              <div class="ui right aligned search">
                  <div class="ui left icon input">
                      <input class="prompt" type="text" placeholder="Search...">
                      <i class="search icon"></i>
                  </div>
              </div>

          </div>
      </div>
  </div>
</div>

任何想法和建议表示赞赏，谢谢！

标签： javascriptphpsemantic-ui

解决方案

我建议你检查控制台是否有警告、错误，如果请求不成功，语义 ui 将采取这种方式。还要确保正确处理跨域策略。

推荐阅读